Автоматически добавлять "(») в li's

Question

Я хочу автоматически добавить символ HTML » (») слева от каждого элемента li.

Какая будет лучшая практика?

Я хочу, чтобы HTML был:

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

И должно отображаться:

» item 1
» item 2
» item 3

Answer 1

Я обнаружил, что ответ выше не работает для меня, но следующее работает:

li:before{
   content: "\00BB";
}

Вместо этого используется шестнадцатеричный код для & raquo.

Хороший шестнадцатеричный преобразователь можно найти здесь .

Надеюсь, это кому-нибудь поможет:)

Answer 2

Если вы не хотите, чтобы стрелки отображались как содержимое, то почему бы не использовать CSS-фон?

li { background: url("raquo.gif") no-repeat left center; }