title: Word-wrap not working in LI element
body: <p>I want to wrap the words automatically within width.</p>
  
  <pre><code>&lt;ul class="dropdown-menu" style="width:298px;margin:15px 0 0 0;"&gt;
       &lt;li&gt;option 1 &lt;/li&gt;
       &lt;li&gt;option 2 option 2 option 2 option 2 option 2 option 2&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>It's now working fine with <code>white-space:normal</code></p>
  
  <pre><code>ul li{
       white-space:normal;
  }
  </code></pre>