0

ここに私のウェブサイト http://maximearchambault.com/index.php/contact/

私の質問は私の見出しの1つに関するものです。ページのメインタイトル、連絡先/情報に使用します

私の問題は、ブロックがテキストの行ではないことです。テキストがシアンのブロックの中央に配置されるようにします 

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

5 に答える 5

0

line-height:33px;あなたに追加h2 {... } 

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

}
于 2012-09-01T12:52:06.583 に答える
0

変更するだけです：

display: block;

に：

display: inline;

また、CSS では大文字と小文字が区別されるため、HEIGHT は有効なプロパティではないことに注意してください。

于 2012-09-01T12:55:31.200 に答える
0

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-01T12:56:09.150 に答える
0 
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-01T14:00:05.047 に答える
0

次のようなものを試すことができます。

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

これが実際のライブデモです。

于 2012-09-01T12:58:00.587 に答える