Divs внутри div, получающих родительские размеры

Question

У меня есть div, внутри которого есть пара divs, содержащих только обычный текст. но всякий раз, когда для внешнего div задана ширина, дочерний div также получает одинаковый размер. есть ли способ сделать это не так, чтобы дочерние div были покрыты только текстом внутри него, а внешний div может иметь любой размер?

Answer 1

Использование display:inline-block

HTML:

<div class="container"> 
    <div class="text">text1</div> 
    <br /> 
    <div class="text">text some text</div> 
</div> 

CSS:

.text{display:inline-block;} 

Fiddle here.