css, элементы в одну строку с выравниванием

[vsb]

Вот есть у меня такой HTML-код:

И мне хочется с помощью css сделать так, чтобы это выглядело так:

text1 * * * * * * * * * * * * * * * * * * * * * * * * *text2 text3 text4

Т.е. чтобы первый элемент прижимался влево, а остальные (не меняя порядка) вправо.

Пытался сделать, самое лучшее, что получилось, это если им поставить display: inline; и нужным float:right; но тогда у них нарушается порядок (в Operе по крайней мере).

[null]

поменяйте порядок элементов в потоке — c2, c3 и c4 разместите в обратном порядке. другого способа (кроме абсолютного позиционирования) не знаю. может кто-нибудь что-нибудь более дельное подстажет...

[DareDevil]

Последние три — в контейнер?

[vsb]

Спасибо, воспользовался советом DareDevil-а. Менять порядок всё же нехорошо.

[Pupil]

или использовать body как контейнкр или, смотреть в коде страницы.

body{
****text-align: right;
}
div{
****display: inline;
****width: 50px;
}
.c1{ float: left; }
.c2,.c3,.c4{
****margin-left: 10px;
****margin-right: 10px;
}