HTML CSS - как сделать чтобы размеры родительского блока изменялись только от одного дочернего элемента, а не от всех

Доброго времени суток! Вынужден попросить о помощи:
Есть такой фрагмент:
<div id="main">
<div style="float: left; text-align: left;">
Caption
<div style="text-align: left; display: block;">
blablabla<br>blablabla<br>blablabla
</div>
</div>
</div>
Получается, что размер первого div зависит от размеров и второго, и третьего. А как сделать, чтобы размер первого div зависел только от размера второго div?

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.