How to calculate width of list items
<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>
