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;
}