如何使CSS下拉菜单居中

Question

我需要一些帮助.我有一个CSS下拉菜单,但我希望标题集中在所有屏幕尺寸,它将在中间,因为它卡在左边.

http://jsfiddle.net/y4vDC/

任何帮助将不胜感激.

这是一些HTML代码:

<div id='cssmenu'>
  <ul>
    <li><a href='events.html'><span>Events</span></a></li>
  </ul>

Answer 1

用你对#cssmenu> ul> li的内容替换这个css:

#cssmenu > ul > li {

    display:inline-block;

    margin-left: 15px;       /* This is when the drop down box appears */

    position: relative;

}

并将其添加到您的css代码:

 #cssmenu > ul {
        text-align:center;
 }

这是:http://jsfiddle.net/y4vDC/10/