Test Wraps Below Bullet Ul Li

As a requirement at work, I have to use someone's stylesheet and I'm having trouble trying to override one behavior. The unordered list elements

are having text that exc

Solution 1:

list-style-position: inside; is the property which causes that behavior and inorder to fix that, you need to use outside

Demo

Solution 2:

ul { list-style-position: outside !important; padding-left: 2em !important; }

!important will override the css

Solution 3:

Applying padding:0 with list-style-position: inside; is hiding the bullets.

You can left align the bullets without text flowing below it by changing it to the following

ul
{ 
 padding-left:10px;
}

JSFiddle