浮動小数点数を拡張する：画像サイズを超える左プロパティ

Question

浮動小数点数を拡張する方法：cssの左プロパティを画像サイズを超えて拡張しますか？ HTMLでは、私は私が持っているCSSの

<img src = "http://www.inspiredtaste.net/wp-content/uploads/2016/12/Easy-Banana-Bread-Recipe-2-1200.jpg" width = 50px> 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 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 some text some text some text some text some text 

を持って

img{float:left;} 

どのようにフロート延長する：画像を越えて左のプロパティを？つまり、イメージが終わった後でも、どのようにjfiddle内の "some text"を整列させておくのですか？

https://jsfiddle.net/jhee2rrj/

Answer 1

テキストだけに余白を追加します。

<p style="margin-left: 50px"> some text some text...</p> 

Answer 2

イメージの高さをフィットコンテンツに設定したい場合は、動作しません。 適したテキストの高さとイメージにマージンを設定した方が良い： `div`内のテキストをラップし、スタイル`ディスプレイ適用

img 
 
{ 
 
float:left; 
 
margin-bottom:150px; 
 
} 
 

 
div{ 
 
height:200px;/*You can set this height as required*/ 
 
}

<div><img src = "http://www.inspiredtaste.net/wp-content/uploads/2016/12/Easy-Banana-Bread-Recipe-2-1200.jpg" width = 50px> 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 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 some text some text some text some text some text </div>