位置链接在div栏中间

Question

我喜欢使用css进行以下操作：

从页面顶部开始有一个div栏100pt。 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

的一种方式做到这一点是添加line-height，将其设置为相同的height为div。

line-height:70px; 

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

这会将它垂直。

然后，如果你想水平居中，您可以添加

text-align:center; 

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

Answer 2

添加margin:auto到.top_header a

Answer 3

添加样式文本对齐：中心;到top_header DIV http://jsfiddle.net/rajani5022/CpsX2/4/

Answer 4

添加

`text-align:center;' 

到.top_header。