Леонид Каганов: дневник

UPD: Спасибо, работает. Посоветовали в комментариях такие варианты:

1:
<style>
.b {float:left}
.a {clear:left;float:left;background:#cf7}
</style>

2:
<style>
.b {position:relative;overflow:hidden;width:100%}
.a {clear:left;float:left;background:#cf7}
</style>

3:
<style>
.a { background: #cf7; display:table-row; }
</style>

1:

первая строка текста

вторая строка

и еще одна строка

2:

первая строка текста

вторая строка

и еще одна строка

3:

первая строка текста

вторая строка

и еще одна строка

Вариант 2 — адекватнее всего.

Было:

Примерно такой код:

<style> .a { background: #cf7; } </style>

<div class='b'>
<div class='a'>первая строка текста</div>
<div class='a'>вторая строка</div>
<div class='a'>и еще одна строка</div>
</div>

Результат:

А хочется именно так:

Вопрос: как записать стиль для 'a' (а лучше 'b'), чтобы было именно так: каждый div по-прежнему начинался с новой строки, но размером был ровно со свой текст. Была также идея общий div снабдить стилем float:left, эта идея прекрасна тем, что можно оборудовать его один на всех. Однако, результат не совсем тот, что хотелось бы: