Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Advanced drop down menu not aligning to middle of page

Advanced drop down menu not aligning to middle of page

Problem

Basically i have a dropdown menu that is not aligning to the middle of the page as you can see below... It is very annoying because i have tried everything i know possible. I would like to keep it in HTML and CSS please as this part i am not using JavaScript or JQuery to do.

CSS Code:

HTML Code:

        

Thank you in advance all :)

Problem courtesy of: Epik

Solution

add in style

body
{ 
text-align: center; /* !!! */
 margin: 0 auto;
padding: 0;
width:100%;
}

and change this

#mega li {
float:left;
clear:right;
padding-left: 15px;
}

to

#mega li {
display:inline;
clear:right;
padding-left: 15px;
}
Solution courtesy of: Sheikh James

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Advanced drop down menu not aligning to middle of page

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×