Вид для печати
Вот есть у меня такой HTML-код:
И мне хочется с помощью css сделать так, чтобы это выглядело так:Код:
Т.е. чтобы первый элемент прижимался влево, а остальные (не меняя порядка) вправо.Код:text1 * * * * * * * * * * * * * * * * * * * * * * * * *text2 text3 text4
Пытался сделать, самое лучшее, что получилось, это если им поставить display: inline; и нужным float:right; но тогда у них нарушается порядок (в Operе по крайней мере).
поменяйте порядок элементов в потоке — c2, c3 и c4 разместите в обратном порядке. другого способа (кроме абсолютного позиционирования) не знаю. может кто-нибудь что-нибудь более дельное подстажет...
Последние три — в контейнер?
Спасибо, воспользовался советом DareDevil-а. Менять порядок всё же нехорошо.
или использовать body как контейнкр или, смотреть в коде страницы.
Код:body{
****text-align: right;
}
div{
****display: inline;
****width: 50px;
}
.c1{ float: left; }
.c2,.c3,.c4{
****margin-left: 10px;
****margin-right: 10px;
}