어떻게 WordPress의 탐색 메뉴를 정렬?

Question

나는 문제가있다. 수평으로 내비게이션을 만들 수 없다. 내비게이션 메뉴를 수평으로 정렬하고 WordPress의 중심에 위치시키는 법을 가르쳐 주시겠습니까?

저는 WordPress의 새내기입니다. 제발 도와주세요

고마워요!

#toppart #mainnav { 
margin: 40px 0 0; 
max-width: 100%; 
float:none; 
text-align:center; 
} 

#toppart #mainnav ul li { 
float: none; 
list-style: none; 
position: relative; 
display:inline; 
background: #16212b; 
padding: 9px 14px; 
} 

#toppart #mainnav ul li a { 
margin:0; 
padding:9px 14px; 
display: inline; 
} 

#toppart #mainnav ul ul { 
display: inline; 
float: none; 
position: relative; 
margin-left:20px; 
top:0; 
left: 0; 
z-index:none; 
text-align:center; 
} 

#toppart #mainnav ul ul ul { 
display: inline; 
float: none; 
position: relative; 
margin-left:40px; 
top:0; 
left: 0; 
z-index:none; 
text-align:center; 
} 

#toppart #mainnav ul ul li { 
border-bottom:1px solid #000; 
text-align:center; 
} 

#toppart #mainnav ul ul ul li { 
border-bottom:none; 
text-align:center; 
} 

#toppart #mainnav ul ul li a { 
background:none; 
display:inline-block; 
width:100%; 
list-style:square; 
text-align:center; 
} 

#toppart #mainnav ul li a:hover { 
background:none; 
text-align:center; 
} 

} 

Answer 1

나는 당신이 그 (것)들을

수평 정렬 얻을

#toppart #mainnav ul ul li { 
float: left; 
position: relative; 
} 

당신이 속성 float: left;을 사용할 수 있도록 li 태그 내부에있는 모든 항목을하려고하는 워드 프레스 메뉴에서

및 position: relative; 같은 somethink 사용한다고 생각합니다

디스플레이 속성

Answer 2

당신이 부동 특히 왼쪽 준 있는지 확인하십시오 :

여기 탐색을위한 CSS입니다.

#toppart #mainnav ul li { 
float: left; 
list-style: none; 
position:relative; 
display:inline; 
background: #16212b; 
padding: 9px 14px; 
} 

나는 그것이 효과가 있다고 생각합니다.

Answer 3

#toppart #mainnav ul ul li { 
 
    float: left; 
 
    position: relative; 
 
    margin-left:20px; 
 
display:inline;

을 변경할 필요가 없다