使用CSS，将div类设置为另一行？

Question

使用CSS，我可以将div类设置为段落上的某些文本，将其放到下面一行吗？

我试过漂浮：左;它将文本移动到段落的开头，这是一个好的开始，因为我希望左边的文本，但我需要在下面的行。

这是HTML：

<div class="tweet">
<ul class="tweet_list">
<li class="tweet_odd">
<span class="tweet_text">This is a tweet</span>
<span class="tweet_time">1 minute ago</span>
</li>
</ul>
</div>

由于

Answer 1

将此添加到您想要放在下面的div中，它可以解决问题：

 <div style="clear: both;">

• 内联css不是最佳方式，在样式表中可以做得更好。

Answer 2

在<div>内使用<p>实际上在语义上不正确。您应该在<span>标记内放置一个内联元素（如<p>元素），然后将<span>作为块级元素。

您的代码结构如下所示：

HTML：

<p>This is some text in your paragraph. 
<span class="newline">This text will appear on a new line.</span> 
This is some more text in a paragraph, which will also appear on a new line.</p>

CSS：

.newline {
  display: block;
}