HTML List element : Sharing the parent width into equal parts

Question

I have a parent

and couple of
1. items in that.

   
      &         
   
   
           

Answer 1

I think this is what you're asking for. It required jQuery though.

http://jsfiddle.net/sKPLQ/3/

CSS:

ul {
    width: 800px;
}

li {
    display: inline-block;
    float:left;
}

JS:

var evenWidth = $(".list").width()/$(".list li").size();
$(".list li").css("width", evenWidth);

HTML:

    
Item 1
    
Item 2
    
Item 3
    
Item 4