什么html元素可以浮动

Question

我尝试在<pre>标记中放置一些预先格式化的用户输入，以保留其格式，例如换行符，空格等。然而，我还需要这个文本在div周围流动...你知道在它周围漂浮。然而，似乎只有<p>个元素遵循这种流动的行为，同时仍然是块级元素，这对于布局本身很重要，这样我就可以修改文本的margin-top，margin-bottom。 / p>

所以问题是：如何使块格式化元素浮动在浮动元素周围？

Answer 1

<pre>元素将在浮动元素周围流动，如本例所示。它还接受保证金和填充。填充就在这个例子中。

＆＃13;

＆＃13;

div {
  float: left;
  margin-right: 15px;
  width: 200px;
  height: 150px;
  background: blue;
  color: white;
}

pre {
  background: #ccc;
  padding: 20px;
}

＆＃13;

<div>Floated</div> 
<pre>Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
Nam fermentum vitae 
  purus eu vestibulum. 
  Curabitur vitae 
 </pre>

＆＃13;

＆＃13;

＆＃13;