我有这个jsfiddle,您可以看到导航项与左侧对齐。有没有办法让这些项目居中而不考虑导航项目,因为当用户登录时我会有一个更多的导航项目......任何想法
这是我的html
<div id="cssmenu">
<ul>
<li><a href="#"><span>Home</span></a></li>
<li class="has-sub "><a href="#"><span>Products</span></a>
<ul>
<li class="has-sub "><a href="#"><span>Product 1</span></a>
<ul>
<li><a href="#"><span>Sub Product</span></a></li>
<li><a href="#"><span>Sub Product</span></a></li>
</ul>
</li>
<li class="has-sub "><a href="#"><span>Product 2</span></a>
<ul>
<li><a href="#"><span>Sub Product</span></a></li>
<li><a href="#"><span>Sub Product</span></a></li>
</ul>
</li>
</ul>
</li>
<li><a href="#"><span>About</span></a></li>
<li><a href="#"><span>Contact</span></a></li>
</ul>
</div>