標題顯示塊文本

這裏我的網站 http://maximearchambault.com/index.php/contact/標題顯示塊文本

我的問題是關於我的標題之一線。我用它爲頁面的主標題，聯繫方式/信息

我的問題是塊不是文本行。我會想，該文本將與青色塊居中

h2 { font-size: 30px; 
    font-weight: bold; 
    background: #00FFFF; 
    width: 600px; 
    HEIGHT: 33px; 
    display: block; 
}

來源

2012-09-01 Maxime Archambault

添加line-height:33px;您h2 {... }

h2 { font-size: 30px; 
    font-weight: bold; 
    background: #00FFFF; 
    width: 600px; 
    HEIGHT: 33px; 
    display: block; 
    line-height:33px; 

}

來源

2012-09-01 12:52:06 ygssoni

感謝我的朋友，它的工作 –

如果有效，您可以接受答案，謝謝！ :) – ygssoni

只要改變：

display: block;

到：

display: inline;

還要記住，CSS區分大小寫，所以HEIGHT不是一個有效的屬性。

來源

2012-09-01 12:55:31

您可以將您的CSS更改爲：

h2{ 
    background: none repeat scroll 0 0 #00FFFF; 
    display: table-cell; 
    font-size: 30px; 
    font-weight: bold; 
    height: 33px; 
    vertical-align: middle !important; 
    text-align:center; 
    width: 600px; 
}

來源

2012-09-01 12:56:09 Priya

您可以嘗試類似;

h2 { 
    font-size: 30px; 
    font-weight: bold; 
    background: #00FFFF; 
    width: 600px; 
    display: block; 
    padding-top: 2px; 
    padding-bottom: 2px; 
}

Here是工作現場演示。

來源

2012-09-01 12:58:00

h2 { 
    background: none repeat scroll 0 0 #00FFFF; 
    font-size: 30px; 
    font-weight: bold; 
    height: 33px; 
    line-height: 33px; 
    text-align: center; 
    width: 600px; 
} 

1. Remove the properly "display: block" from h2 class properties because h2 is block element 
2. Add a property - "text-align: center"

來源

2012-09-01 14:00:05 Ram

標題顯示塊文本

回答

相關問題