разместить ссылки в середине панели div

Question

Мне нравится делать следующее, используя css:

Иметь панель div в 100pt от верхней части страницы.Панель div будет иметь толщину около 100 пт.Затем в «середине» панели 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

Добавить

`text-align:center;'

в .top_header.

Answer 3

добавить стиль text-align: center; в top_header div http://jsfiddle.net/rajani5022/CpsX2/4/

Answer 4

добавить margin:auto к .top_header a