Cách thực hiện thụt lề trong thẻ html li li

Question

Tôi có danh sách không có thứ tự có văn bản có dấu đầu dòng bên trong. Tôi cần thụt lề các mục trong danh sách. Tuy nhiên đối với văn bản chạy dài, phong cách không hoạt động như mong đợi. Tôi nên làm cho nó liên kết trong hộp biên giới. Đây là mã css

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

Dưới đây là ví dụ 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 liên kết: http://jsfiddle.net/jHJXq/

Answer 1

Đây có phải là những gì bạn đang tìm kiếm? 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; 
} 

Tôi đã thay đổi phong cách danh sách những việc "bên ngoài" và đưa thêm một số padding bên trái.

Answer 2

thay đổi danh sách kiểu từ trong ra ngoài

list-style: disc outside none; 

Answer 3

Thêm phong cách cho 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; 
}