Div內div讓父母的尺寸

Question

我有一個div裏面有幾個div只包含純文本。但是每當外部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.