стиль для тега `li`

Question

Я хочу поставить следующую галочку в боковой правой метке <li>.Как это?

Этот флажок:

Пример: http://jsfiddle.net/HpVcy/

ul li{
padding: 3px 10px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-report;    
}

Answer 1

Попробуйте это

ul li{
padding: 3px 15px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;    
}

Примечание.

Answer 2

Вы можете добавить
li { list-style-image: url("http://img4up.com/up2/73089745861375946127.png") }

Демо: http://jsfiddle.net/HpVcy/7/

Подробнее: http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image

Answer 3

у вас нет отчета в вашем css, он должен быть без повторов

Answer 4

Используйте no-repeat; вместо no-report;

Answer 5

list-style-image - это то, что вы ищете:

ul li{
  padding: 3px 10px 3px 10px;
  background:url(http://img4up.com/up2/73089745861375946127.png) no-report;    
  list-style-image:url(http://i.stack.imgur.com/so5PA.png);
}

(вы можете удалить URL background после добавления list-style-image)

Answer 6

Измените свой фон на:

background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;    
                                                               ^^^^^^^^^^^^^^^^

и немного увеличьте отступ справа, например:

ul{
    float: right;
    text-align: right;
    direction: rtl;
    margin: 50px 50px 0 0;
}
ul li{
padding: 3px 20px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;    
}