Фоновое изображение для li

Question

Я использую фоновое изображение для элемента <li>, который будет использоваться в качестве маркера, но есть одна проблема: если один элемент списка (я имею в виду <li>) содержит большой текст, длинный например, предложение, которое можно отобразить на странице в 2-3 строках (строках), так что точка маркера помещается в середине этих 2-3 строк и выглядит ужасно.

Когда у меня есть только одна строка текста, все выглядит отлично.

Ну, моя проблема ist следующим образом, мне нужно косвенно коснуться ее перед первой строкой, в начале!

Это мой код.

.has-textlist ul li { 
    background: url("../images/bullet.png"); 
    background-position: 0% 50%; 
    background-size: 7px 5.5px; 
    background-repeat:no-repeat; 
    list-style-type:none; 
    padding-left: 20px; 
} 

Answer 1

фон положение ответ

background-position: 0 0;

к вам независимо от количества и настройки вы пожалуйста.

Я буду хорошо и сделать скрипку для вас:

FIDDLE

Answer 2

вы знаете, вы можете настроить список вашего маркера точки изображения? Используйте это свойство:

ul { list-style-image:url('../images/bullet.png');} 

Для ваших целей, я думаю, он будет обрабатывать.