css - cssを使用して（テキストの途中で）divの周りにテキストをラップする

Question

div の周りにテキストをラップするにはどうすればよいですか。css を使用してテキスト本文の途中に div を残しますか?

スケッチ：

text text text text 
text text text text 
text text text text 
text text text text 
+-------+ text text 
+       + text text 
+  div  + text text 
+       + text text 
+-------+ text text 
text text text text 
text text text text 
text text text text 
text text text text 

注: HTML の観点から、div はテキストの前に配置されます。

<div></div> [... text...]

Answer 1

をフロートする必要があるという点で、他の回答は正しいです<div>(たとえばdiv { float: left; margin: 10px 0 10px 10px; }、をコンテンツの真ん中<div>に表示するには、コンテンツ自体にある必要があることに注意してください。

このようにフロートを使用する場合は、ラップしたいコンテンツの<div> 直前に挿入する必要があることを覚えておく必要があります。したがって、この場合、テキストの段落を作成し、 を挿入して<div>から、さらにいくつかの段落を作成します。をフロートする<div>と、コンテンツの真ん中に表示されます。

Answer 2

divをフロートする必要があります。たとえば、次のように div のスタイルを設定できます。

float:left;
margin:10px; //To leave a gap around the div

Answer 3

必要なのはfloat property. 以下の例を試してください。

.youDiv {
float: left;
}