Word-wrap not working in LI element

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; } ```