Для решения этой задачи недостаточно установить первому блоку обтекание справа (
float:left), потому что если во втором блоке действительно будет много текста то мы получим обычное обтекание (
логично, неправда ли?).
Смотрим пример по ссылке
Поэтому нужно немного усовершенствовать код:
<div class="block-1">Текст</div>
<div class="block-2">Много текста</div>
.block-1 {
float:left;
width:100px;
background:#ccc}
.block-2 {
border-left:100px solid #ccc;
background:#ff0}
Я добавил новое правило для второго блока (
border-left:100px solid #ccc).
Смотрим результат
P.S. Бордюр также может быть прозрачным (
transparent).