title: How to calculate width of list items
body: <p>Im trying to calculate with of different list items</p>
  
  <p>my HTML:</p>
  
  <pre><code>  &lt;ul&gt;
  
       &lt;li style="disply:block; float:left"&gt;Some Text&lt;/li&gt;
       &lt;li style="disply:block; float:left"&gt;Some More Text&lt;/li&gt;
       &lt;li style="disply:block; float:left"&gt;Some Other Text&lt;/li&gt;
  
   &lt;/ul&gt;
  </code></pre>
  
  <p>Im usind standard with function</p>
  
  <p><code>var width = $('li').outerWidth()</code></p>
  
  <p>But this calculates the same width for every tag based on first one.</p>
  
  <p>How can I get different widths? What As i final result I would like to have div after li with li width before... if this makes sens?</p>
  
  <pre><code>  &lt;ul&gt;
  
       &lt;li style="disply:block; float:left"&gt;Some Text&lt;/li&gt;
         &lt;div style="width" /&gt;
       &lt;li style="disply:block; float:left"&gt;Some More Text&lt;/li&gt;
         &lt;div style="width" /&gt;
       &lt;li style="disply:block; float:left"&gt;Some Other Text&lt;/li&gt;
         &lt;div style="width" /&gt;
  
   &lt;/ul&gt;
  </code></pre>
  
  <p>Many thanks for your help in advance.</p>