Come creare il rientro in html ul li tag

Question

Ho una lista non ordinata che contiene un testo puntato. Devo riordinare gli elementi della lista in linea. Tuttavia, per il testo di lunga durata, lo stile non funziona come previsto. Dovrei farlo allineare all'interno della casella di confine. Ecco il codice css

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

Qui è l'esempio 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

E 'questo quello che stai cercando? 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; 
} 

ho cambiato lo stile di elenco di "fuori" e ha dato qualche chilo in più a sinistra.

Answer 2

cambiamento del list-style dall'interno verso l'esterno

list-style: disc outside none; 

Answer 3

Aggiungere stile al 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; 
}