Расположить 2 div внутри третьего на одном уровне?

Question

[vadim_tur]

Расположить 2 div внутри третьего на одном уровне причем что бы содержимое первого было строго по центру, а второго у правого края.
centerright
В принципе не обязательно 3 дива, главное что бы centerбыл в центре а rightсправа.
Заранее спасибо.

Comments

[Mikhail Osher]

Нарисуйте в "пейнте", как вы это хотите видеть?

[lousy_storyteller]

А что должно быть слева? Пустое место? Или блок центральный от левого края и в центр?

[vadim_tur]

lousy_storyteller: пустое место.

[vadim_tur]

Mikhail Osher: Сейчас нарисую.

Answer 1

[DenJel]

<div class="clearfix">
    <div class="left">
        <div class="center"></div>
    </div>
    <div class="right"></div>
</div>

.left{
  float:left;
  width: 80%;
}
.right{
  float: right
  width: 20%;
}
.center{
  width: свое
  margin: 0 auto;
}

Так же погуглите, что такое clearfix, долго объяснять

Comments

[vadim_tur]

Спасибо.

Answer 2

[Ihor Peresunko]

htmlbook.ru/css/float

Comments

[vadim_tur]

Работает конечно, но не совсем то, center смещается влево на половину ширины right