CANNOT ALIGN CENTER

[sciclunam]

Hi. First time experimenting with CSS. I appreciate your help.

 

I did something like a multi-row menu using code found on the net. The problem is that float uses only left or right. I need to center this or make the menu take the width of the whole page.

 

 

This is the css......

 

http://theweddingsite.com/services/links.css

 

 

 

This is the page where it is being used...

 

http://theweddingsite.com/services/links.htm

 

 

Thanks.

Edited December 1, 2014 by sciclunam

[tejasamrute]

Instead of going with padding in li a you will have to use fixed width in li

 

li a { line-height: 50px; display: block; height: 50px; color: rgb(59, 59, 59); font-family:'Dosis', sans-serif; font-weight: 500; text-decoration: none; font-size: 16px; background-color: lightgrey;}

 

li { white-space: nowrap; border: 2px solid #555555; float: left; width:312px; /* As per your requirement */ text-align:center;}