html - 親の寸法を取得する 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;}

ここでフィドル。