H2和段落,内联?

时间:2010-11-04 15:15:26

标签: html css

我知道段落和标题是块元素,所以这就是为什么我有时间围绕什么是最好的方式来实现这种可访问性。

比方说我有这样的副本:

* 这是标题。 *这是段落,等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等。等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等

我的HTML和CSS如何正确显示?

3 个答案:

答案 0 :(得分:10)

h2, p {
  display: inline;
}
div.p {
  /* whatever margins/paddings you would normally apply to p */
}

<div class="p">
 <h2>This is the heading.</h2>
 <p>This is the paragraph</p>
</div>

您需要将所有<p>括在块级元素(如<div>)中,以避免连续段落崩溃。

答案 1 :(得分:7)

你几乎自己回答了这个问题;)

h1, p {
  display: inline;
}

不确定它是否在IE6中有效(我在这里与inline-block混淆,inline在所有浏览器中都能正常工作)

答案 2 :(得分:1)

或者:

h2
{
  float: left;
  /* adjust h2 font-size etc as needed */
}
...
<div>
 <h2>heading</h2>
 <p>Paragraph</p>
</div>

这样做的好处是仍然可以在h2上指定边距,填充等。