2011-02-28 112 views
1

我在每一行都有一個接一個的標題。現在我想確保標題之間的垂直空間是標題1和標題2之間的x像素,標題3和標題2之間是y像素4.我可以如何確保它?在HTML中設置文本間的空白間距

+1

請顯示一些代碼 – 2011-02-28 12:18:59

回答

2

一些margin-bottom添加到標題1和3

1

HTML:

<h1>Heading One</h1> 
<h2>Heading Two</h2> 
<h3>Heading Three</h3> 
<h4>Heading Four</h4> 

CSS:

h1 { 
    margin-bottom: Xpx; 
} 

h3 { 
    margin-bottom: Ypx 
} 
+0

@thirtydot - 我改變了你的??變量返回到x和y,因爲我認爲它們更有意義,因爲它們在原始問題中特別提到。感謝您糾正px拼寫。 OP - 我假設您知道將x和y值更改爲數字。 – biscuitstack 2011-02-28 13:17:30

+0

沒問題,我可能不應該改變這一點。它看起來令人困惑,有'x'和'y'(它們通常指的是水平和垂直兩者都是純粹垂直的「margin-bottom」的一部分)。另外,他可能會感到困惑,並留下那裏的空間,這是錯誤的(他可能會把'9 px')。 – thirtydot 2011-02-28 13:21:55

+0

全部都是如此。如果OP沒有將它們命名爲X和Y,它不會是一個好主意。我糾正了空間。 – biscuitstack 2011-02-28 13:24:57

-1

使用的風格吧,

1)爲第一個標題如

<h1 style="padding-top:10px;padding-bottom:10px;">First Header</h1> 
<h1 style="padding-top:10px;padding-bottom:10px;">Second Header</h1>