title: HTML List element : Sharing the parent width into equal parts
body: <p>I have a parent <code>&lt;ol&gt;</code> and couple of <code>&lt;li&gt;</code> items in that.</p>
  
  <pre><code>&lt;ol style='width=800px;display :block;float:left;'&gt;
     &lt;li style='display :block;float:left;'&gt; Item 1  &lt;/li&gt;
     &lt;li style='display :block;float:left;'&gt;  Item 2 &lt;/li&gt;
     &lt;li style='display :block;float:left;'&gt;  Item 3 &lt;/li&gt;
     &lt;li style='display :block;float:left;'&gt;  Item 4 &lt;/li&gt; 
  &lt;/ol&gt;
  </code></pre>
  
  <p>Is there any way my list item can be arranged in a way where it will equally divide the parent width (800px), and each item will have the same amount of width? I.e. each <code>&lt;li&gt;</code> will take 200px width.</p>
  
  <p>I don’t want to hardcode the value. Is there any style attribute which will do that?</p>
  
  <p>I dont want to hardocode the width like 20 % or something because the list items are dynamically added.it may be 4  or 5 or 6 sometimes</p>