Word-wrap not working in LI element

Question

I want to wrap the words automatically within width.

<ul class="dropdown-menu" style="width:298px;margin:15px 0 0 0;">
     <li>option 1 </li>
     <li>option 2 option 2 option 2 option 2 option 2 option 2</li>
</ul>

It's now working fine with white-space:normal

ul li{
     white-space:normal;
}

Answer 1

Please Try it...

ul li {
    word-break: break-all;
}

Answer 2

Add white-space:normal to your CSS element:

  word-break: normal;
  white-space: normal;

Answer 3

This works well for me as it wraps correctly with or without whitespace:

li {
    word-break: break-all;
    }

Answer 4

use word-wrap:break-word; works perfectly fine for me here is the jsfiddle