what's the best way to make sure the contents of a list of li does not overflow the static size div?
<p>what's the best way to make sure the contents of a list of li does not overflow the static size div?</p>

<p>For example, lets say I have a ul li of variable sizes of content</p>

<pre><code>   &lt;ul&gt;
       &lt;li&gt;xxx&lt;/li&gt;
       &lt;li&gt;xxx&lt;/li&gt;
       &lt;li&gt;xx&lt;/li&gt;
       &lt;li&gt;xxxxxxxx&lt;/li&gt;
       &lt;li&gt;xxxxxx&lt;/li&gt;
   &lt;/ul&gt;
</code></pre>

<p>Now I want the li content to fit into a static size div</p>

<pre><code>    &lt;div style="height=40px width=200px"&gt;&lt;/div&gt;
</code></pre>

<p>How can ensure the data contents of the li does not show cut off data? In other words, is there a way to get the data width of the contents of li to equal less the width of container div of 200px</p>
