使用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>,它将显示在您的内容中间.