2010-11-04 70 views
4

我知道段落和標題是塊元素,所以這就是爲什麼我有一個包裹時我的腦海裏圍繞什麼是做到這一點的無障礙明智的最佳途徑。H2和段落,內聯?

比方說,比如我有複製這樣的:

* 這是標題。 *這是一段,等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等等。

如何將我的HTML和CSS顯示這正常嗎?

回答

8
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>),以避免連續的段落崩潰。

+0

我責怪它是在早晨太早,我睡覺太晚了。謝謝您的幫助。 – tlflow 2010-11-04 15:27:03

6

您幾乎回答自己的問題;)

h1, p { 
    display: inline; 
} 

不知道它在IE6的作品雖然 (我是用inline-block這裏混淆,inline在所有瀏覽器正常工作)

1

或者:

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

這有仍然能夠在H2指定頁邊距,填充等的優勢。