CSS / HTML导致段落显示错误

时间:2012-11-27 15:31:11

标签: html css

在我的网站上cur-mudg-eon.com我遇到了正确显示段落的问题。如果您访问主页,您会注意到“段落#1”位于H2“[ker-muhj-uhn]”的右侧,我希望它在H1标题“Cur-mudg-eon”下方左对齐”

我确信这很简单,但我似乎无法弄清楚我的错误。

4 个答案:

答案 0 :(得分:3)

你的标题的css包含“float:left”,因此它将“浮动”到任何内容的左侧。你必须清除浮子。在</h2>之后,插入

<div style="clear:both"></div>

这意味着此div的左侧或右侧不允许浮动元素。在div之后,您的段落将正常显示。

正如评论中所建议的那样,您还可以将style="clear:both"添加到段落中,即:

<h2> ... headline ... </h2>
<p style="clear: both"> ... </p>

答案 1 :(得分:2)

H2之后的
(break)标签应该有帮助

<H2>text </h2><br/>Paragraph 1

答案 2 :(得分:0)

在“/ h2”

之后添加一个中断标记“/ br”

它应该下来

答案 3 :(得分:0)

给你的p一个clear: both;,这应该可以解决问题。