Стоит следующая задача. Воспроизвести следующее с помощью CSS:
Нажмите для увеличения
Код (менять нельзя):
CODE:
<body>
<ul>
<li>текст1</li>
<li>текст2</li>
<li>текст3 текст3 текст3 текст3 текст3 текст3 текст3 текст3</li>
<li>текст4</li>
</ul>
</body>
Сама стрелочка для желающих попробывать: 
Дополнительные условия:
CODE:
li {
padding-left: 10px;
list-style-type: none;
background: url(arrow.gif) no-repeat left;
}
- признан знающими людьми семантически неверным.
CODE:
ul {
list-style: none outside url(arrow.gif);
}
li {
width: 100%;
vertical-align: middle;
}
- работает в IE, не работает во всех остальных. Видимо чего-то не хватает или не верно в принципе.
Никто не желает поразвлечься? |
Чат на форуме
Помощь
Поиск
Описание: Вертикальное выравнивание в списках
Так проще и более гибко, так как иначе нельзя будет задать отступы и т.д...