Буллит тире - ul li. Кроссбраузерный. Без изображений.

Советы, заготовки. Верстка. HTML, CSS, JavaScript.
Ответить
Аватара пользователя
Александр
Создатель сайта
Создатель сайта
Сообщения: 4574
Зарегистрирован: 27 сен 2009, 16:45

Буллит тире - ul li. Кроссбраузерный. Без изображений.

Сообщение Александр »

Буллит - тире, дефис (&mdash, &ndash) - ul li. Кроссбраузерный. Без изображений.

Код: Выделить всё

<style type="text/css">ul.example {    margin: 0.5em 0;    padding: 0 0 0 2em;}ul.example li {    margin: 0.5em 0; padding: 0 0 0 20px;    list-style-type: none;    behavior: expression( !this.before    ? this.before = this.innerHTML = '— ' + this.innerHTML : '' );    text-indent: -1.24em;}ul.example li:before {    content: '\2014\a0';}</style><ul class="example">    <li>пункт<sup>®</sup></li>    <li> — в этом пункте уже было тире</li>    <li><p>но вот в таком случае — будет проблема</p></li></ul>
http://www.artlebedev.ru/tools/technogr ... ent_in_ie/
Ответить