menu justifying...

[philleep]

Hi,

I want to have a menu for my website. the way i am doing it at the mo is to have a list that is 'inline' with no style. I want my menu options to justify so they spread across the space. How can i do this when my menu options are more than one word long?

my code at the moment is:

<div id="topmenu">
<ul>
<li><a href="#">Menu option one</li>
<li><a href="#">Menu option two</li>
<li><a href="#">Menu option three</li>
<li><a href="#">Menu option four</li>
</ul>
</div> <!--end of topmenu-->

#topmenu ul{
overflow:hidden;
list-style:none;
text-align:center;
padding:0;
}

#topmenu ul li{
font-size:17px;
font-weight:bold;
display:inline;
}

cheer,
philleep

[philleep]

can anyone help with this?

cheer
philleep

[drhowarddrfine]

I must have been out of town. Sorry I missed this.

I must misunderstand because, to me, it looks like it does what you want now.

[philleep]

i want the menu i.e. the list to be justified. i.e. i want the whole list to equallly spread across the the whole page. At the moment it just centers. does this make more sense?

cheer,
philleep