divバーの中央にリンクがあります

Question

私はCSSを使って次のようにしたいと思います：

ページの上部から100分の1のdivバーがあります。 divバーは約100ptの厚さになります。次に、divバーの "中央"に、メニューオプションがあります。

.top_header { 
    background-color:#3B5998; 
    height:70px; 
    margin-left:0px; 
    margin-right:0px; 
    top:60px; 
    position:relative 
} 

.top_header a, .top_header a:visited, .top_header a:hover, .top_header a:active, .top_header a:focus { 
    color:white; 
    font-size:x-large; 
    font-family:Arial 
} 

Answer 1

一つの方法にmargin:autoを追加し、同じheightなどとして、それを設定する：私は、しかし、メニュー項目（リンク）を中心にしていない、これまでに次のようになりましたdiv。

line-height:70px; 

http://jsfiddle.net/jasongennaro/EXqkT/

これは、垂直に整列します。あなたが水平方向に中央揃えにしたい場合は

その後、あなたは、スタイル、テキスト整列追加

text-align:center; 

http://jsfiddle.net/jasongennaro/EXqkT/1/

Answer 2

これはline-heightを追加することですやって.top_header a

Answer 3

を追加することができます：センター; divの http://jsfiddle.net/rajani5022/CpsX2/4/

Answer 4

をtop_headerすることが.top_headerに

`text-align:center;' 

を追加します。