Centering Drop Down Menu

How do i center this?

http://awesomescreenshot.com/0598mye64

or at least make it look like this:

http://awesomescreenshot.com/0d98mzje6

Hi,

Did you placed the code in the Homepage message?

If so, try wrapping the whole code with the following;

Code:

<div align="center">
  The code of the drop down menu
</div>

tried it, doesnt work

Give a margin property of '0 auto' in the css.
Giving auto margin on the left and right side means it is shared out equally, AKA centered.

LGforum wrote:Give a margin property of '0 auto' in the css.
Giving auto margin on the left and right side means it is shared out equally, AKA centered.

ok i dont really understand what you just said

what should i add to the CSS?

Topic Locked because I helped him out on his website

actually, i decided to get a new one, and i wanna center it

i tried that, but it didnt center it

add to CSS:

Code:

div.menu {text-align: center}
.menu li {float:none;display: inline-block}

c3vietk wrote:add to CSS:

Code:

div.menu {text-align: center}
.menu li {float:none;display: inline-block}

thanks