как заставить переносится линейный элемент на следующую строку

[imolodec]

Необходимо застравить несколько тегов "а" (которые являются линейными) переносится на следующую строку.

Сразу отметаются решения:

1) display:block

2) оборачивать тег "а" блочным элементом

<a href="">Раз</a>

<a href="">Раз</a>

<a href="">Раз</a>

<a href="">Раз</a>

[Nekromancer]

<br />?

[rash]

Ну раз нормальные решения вам не подходят, то display: inline-block; width: 99%;

[Justnewone]

Ну раз нормальные решения вам не подходят, то display: inline-block; width: 99%;

а с IE6 и FF<2.11 что делать тогда?

Если, допустим, это список, то и оформляйте списком. Или, если лень руками добавлять <br />, тогда нету CSS нормального решения. Ибо строчный элемент никогда не будет принимать какую-то заданную ширину.

[imolodec]

не знаю почему, но не люблю использовать списки при верстке

[Justnewone]

не знаю почему, но не люблю использовать списки при верстке

Списки это хорошо, вообще семантика очень полезна. А главное по трудоемкости больше только в период изучения. Потом, например, роберты будут очень давольны, если надо будет тыцы поднимать...

[imolodec]

у меня при применении списков никогда не получалось кроссбраузерно выровнять картинку-маркер относительно текста

[rash]

у меня при применении списков никогда не получалось кроссбраузерно выровнять картинку-маркер относительно текста

Если вас смущает только это, то просто вы не умеете их готовить.

При использовании list-style-image действительно трудно управлять положением маркера относительно элемента списка, но ведь можно маркер просто поставить фоном к этому элементу, отодвинуть текст padding'ом, а к фону уже можно применять нормальное позиционирование.

[imolodec]

ура, научился!!!

теперь буду пользоваться списками

Для тех, у кого была проблема выравнивания картинки-маркера относительно текста прелагаю выход

ul {list-style: none;}

li {

padding-left:10px; /* отступ от маркера */

background:url('путь до картинки') no-repeat 0 5px; /* задаем фон отступ сверху 5пикселей... зависит от картинки*/

}

Edited March 23, 2009 by imolodec

[Justnewone]

ура, научился!!!

теперь буду пользоваться списками

Для тех, у кого была проблема выравнивания картинки-маркера относительно текста прелагаю выход

ul {list-style: none;}

li {

padding-left:10px; /* отступ от маркера */

background:url('путь до картинки') no-repeat 0 5px; /* задаем фон отступ сверху 5пикселей... зависит от картинки*/

}

А еще круче все верт. измерения вместо px задавать в em, тогда при ctrl + колесо, некоторое время буллит будет продолжать оставаться в нужном месте.