How To Center A CSS Drop Down Menu

center, css, drop-down-menu, menu

Solution

replace this css with what you have for #cssmenu > ul > li:

#cssmenu > ul > li {

    display:inline-block;

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

    position: relative;

}

and add this to your css codes:

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

here it is: http://jsfiddle.net/y4vDC/10/

Problem

I'm in need of some help. I have a CSS dropdown menu but i want the titles to be centered so on all screen sizes it would be in the middle, as at the moment its stuck to the left. http://jsfiddle.net/y4vDC/ Any help would be greatly appreciated. Here is a bit of the HTML code: ``` <div id='cssmenu'> <ul> <li><a href='events.html'><span>Events</span></a></li> </ul> ```

Original source