Question

I am trying to make a horizontal navigation menu , My menu items (li) elements are in shape of circle here is the demo , my question is the text of the link is appearing on top , how do I make it to appear on center , will that be possible , please let me know that , any suggestions are welcome.
Thanks

Answer 1

Only block items can use margins and padding. Anchor tags are inline elements. You need to force them to be block elements in your CSS:

#menu ul li a
{
    text-decoration:none;
    display:block;
    padding:30px 0 0 0;
}