Spacing

[codingmasterRS]

How can I automatically space out items <li> so they evenly spread out in a specified width (e.g. 500px)?

 

Thanks in advance

[haku]

li
{
  float:left;
  width:500px;
}

[codingmasterRS]

haku thanks, BUT this does not make all the elements (<LI>) within a <ul> space out to consume an entire width (e.g. 500px)

[haku]

Ahh I see, you want them to dynamically space out to be 500px.

 

Can't be done through CSS alone. You will need to use some server-side logic to do this if you want. You will have to count the number of list elements in your server-side script, divide 500 by the number of elements, then use your server-side script to add a style tag with the width into each of your elements.

[codingmasterRS]

Okay then can someone please provide a link to a tutorial or source code that will achieve what I want.

 

Thanks in advance