css dynamic div width

Question

divの前にImageがある場合を除いて、その親の全幅を取るdivが必要です。それで、私は画像が同じ行にあることを望んでいるからです。私は左に画像を浮かそうとしましたが、これはdivのテキストをイメージの下に置いて、私が望んでいないイメージにしました。

イメージがあるもの： ここで私は、画像を片付けることを願っていますいくつかのイメージがある

イメージがないもの：

Answer 1

あなたができましたdisplay:tableを使用してください（注：これはではありません）

.wrapper { 
 
    background: lightgray; 
 
    display: table; 
 
} 
 
.wrapper img ~ p { 
 
    display: table-cell; 
 
    vertical-align: top; 
 
}

<div class="wrapper"> 
 
    <p> 
 
    First Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text 
 
    some Text some Text some Text some Text some Text 
 
    </p> 
 
</div> 
 

 
<div class="wrapper"> 
 
    <img src="http://lorempixel.com/300/200" /> 
 
    <p> 
 
    First Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text some Text 
 
    some Text some Text some Text some Text some Text 
 
    </p> 
 
</div>