센터 메뉴 탐색

Question

로고를 가운데 정렬하는 방법을 알아 냈지만 가운데 맞추기는 할 수 없습니다. 바라건대 너희들도 도울 수 있기를! 중심 로고

코드 :

#header #logo{ 
float: none !important; 
} 

#header hgroup { 
float: none !important; 
text-align: center !important; 
} 

나는 이것이 아주 기본적인 것을 알고,하지만 난 도움을 사랑하는 것입니다. 고맙습니다. 내 웹 사이트 here을 참조하십시오.

Answer 1

이 그것을 수행해야합니다 당신은 <ul>에 <nav> 태그와 display: inline-block에 text-align: center을 사용할 수 있습니다

#navigation{ 
    float:none; 
    text-align:center; 
} 

#navigation > ul{ 
    float:none !important; 
    display:inline-block; 
} 

Answer 2

.

또한 #header #navigation과 #header #navigation ul.nav에서 float: right을 제거해야합니다.

고유 ID는 #navigation이면 충분하므로 #header #navigation이 필요하지 않습니다.

#navigation { 
    float: none; 
    text-align: center; 
} 


#navigation ul.nav { 
    display: inline-block;  
    float: none; 
}