Jak zrobić wcięcie w znaczniku html ul li

Question

Mam nieuporządkowaną listę, która ma wypunktowany tekst w środku. Potrzebuję wcięcia elementów listy w linii. Jednak w przypadku długiego tekstu styl nie działa zgodnie z oczekiwaniami. Powinienem go wyrównać w ramce granicznej. Oto kod css

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc inside none; 
    padding: 10px; 
} 

Oto przykład HTML

<div style="padding:20px"> 
    <ul> 
     <li>Should be minimum of 8 characters</li> 
     <li>A long running text A long running text A long running text A long running text A long running text</li> 
     <li>Should have at least one number</li> 
    </ul> 
</div> 

JS Fiddle Link: http://jsfiddle.net/jHJXq/

Answer 1

Czy tego szukasz? http://jsfiddle.net/jHJXq/3/

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc outside none; 
    padding: 10px 10px 10px 25px; 
} 

Zmieniłem styl listy z „zewnątrz” i dał trochę zaokrąglona w lewo.

Answer 2

zmiana lista stylu od wewnątrz do zewnątrz

list-style: disc outside none; 

Answer 3

Dodaj styl do LI:

li { 
    margin-left:15px; 
} 

Answer 4

ul{ 
    background-color: #FFFFFF; 
    border: 1px solid black; 
    border-radius: 3px 3px 3px 3px; 
    list-style: disc; 
    padding:10px; 
} 

li{ 
    margin-left:10px; 
}