Списки
Используя CSS заменим стандартный маркер на тире и свесим его за строку.
- Сначала уберём отступы слева. Код для всех браузеров:
ul {padding-left:0; margin-left:0}- Для вложенных списков добавим отступ слева:
li ul {padding-left:3em}
- Для вложенных списков добавим отступ слева:
- Для браузеров, которые понимают
content(Opera, Firefox...):ul>li {list-style-type:none} ul>li:before {content:'\2014\a0'; float:left; margin-left:-1.1em}
- и не понимают
content(InternetExplorer):* html ul li {behavior: expression( !this.before ? this.before = this.innerHTML = '<nobr style="float:left; margin-left:-1.1em">— </nobr>' + this.innerHTML : '' )}
- Кстати, в Opera и IE текст можно копировать вместе с тире, а в Firefox нельзя.
Ссылки по теме:
- В заметке
Текстовые маркеры в списках
вариант посложнее. Он работает в IE 5 и IE 5.5, но и хаков там намного больше; - Маркированные списки;
- OL, LI: content, counter. IE & Opera;
- W3C: Lists in HTML documents.