问题描述
|
使用CSS,是否可以将div类设置为段落中的某些文本以将其放置在下面的行中?
我试过float:左;并且将文本移到了段落的开头,这是一个不错的开始,因为我希望文本在左侧,但是我需要在下面的行中。
这是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>
谢谢
解决方法
将此添加到您要在下面放入的div中,可以完成此操作:
<div style=\"clear: both;\">
内联css并不是最佳方法,最好在样式表中完成。
, 在3ѭ内部使用<div>
实际上在语义上是错误的。您应该在<p>
标签内放置一个内联元素,例如<span>
元素,然后使<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;
}