Как выровнять меню по центру в теме WordPress по умолчанию?

Можно ли выровнять пункт меню по центру? На самом деле на моем веб-сайте есть много меню, поэтому меню появляются во второй строке слева, поэтому я хочу показать их по центру. Есть предложения? Пожалуйста, найдите ниже мой Css. Это отредактированная таблица стилей по умолчанию двадцать десять WordPress тема. Я использую макет полной ширины. Благодарю.

#access {
 background:#cc0000;
 margin: 0 auto;
 width: 100%;
  padding: 0px 0px;
  border-top:2px solid #eb9999;
 border-bottom:12px solid #000000;
 clear:both;
 margin-bottom:5px;
}
#access .menu-header,
div.menu {
 font-size: 13px;
 margin: 0 auto;
 width: 1024px;
}
#access .menu-header ul,
div.menu ul {
 list-style: none;
 margin: 0;
}
#access .menu-header li,
div.menu li {
 float: left;
 position: relative;
}
#access a {
 color: #aaa;
 display: block;
 line-height: 20px;
 padding: 0 10px;
 text-decoration: none;
}
#access ul{display:inline-block;}
#access ul ul {
 box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
 display: none;
 position: absolute;
 top: 38px;
 left: 0;
 float: left;
 width: 180px;
 z-index: 99999;
}
#access ul ul li {
 min-width: 180px;
}
#access ul ul ul {
 left: 100%;
 top: 0;
}
#access ul ul a {
 background: #333;
 line-height: 1em;
 padding: 10px;
 width: 160px;
 height: auto;
}

0 ответов

Другие вопросы по тегам