div 표시 줄의 중간에 위치 링크가 있습니다

Question

저는 CSS를 사용하여 다음과 같은 작업을하고 있습니다 :

페이지 상단에서 100pt의 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

추가 스타일의 텍스트 정렬을 추가 할 수 있습니다 : 센터; 사업부 http://jsfiddle.net/rajani5022/CpsX2/4/

Answer 4

이

`text-align:center;' 

이 .top_header에 추가 top_header합니다.