Как выровнять меню навигации в Wordpress?

Question

У меня проблема .. Я не могу сделать навигацию горизонтальной. Пожалуйста, научите меня, как выровнять навигационное меню по горизонтали и поместить его в центр WordPress?

Я новичок в WordPress .. Пожалуйста, помогите мне

Спасибо!

Вот CSS для навигации:

#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

Я думаю, вы должны использовать somethink как

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

В на Wordpress меню вы собираетесь иметь все элементы внутри li тегов, так что вы можете использовать свойства float: left; и position: relative;, чтобы получить их в соответствие горизонтально

не нужно изменить свойство отображения

Answer 2

Пожалуйста, убедитесь, что вы дали поплавок слева частности.

#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;