thụt nhãn multiline

Question

Tôi có HTML tự động tạo sau:

http://jsfiddle.net/BrV8X/

gì là cách tư vấn, sử dụng CSS, để thụt nhãn để có một số khoảng trắng dưới nút radio?

Answer 1

label { 
    display: block; 
    margin-left: 20px; 
} 
input { 
    float: left; 
    margin-left: -20px; 
    margin-right: 7px; 
} 

Đây là số fiddle: http://jsfiddle.net/hrfmt/. Chơi với các giá trị.

EDIT:

Nếu tất cả các trình duyệt bạn cần hỗ trợ có thể hiểu display: inline-block, sử dụng thay vì float.

Answer 2

label { 
    position:relative; 
    padding-left:20px; 
    display:block; 
} 

label input[type=radio] { 
    position:absolute; 
    top:4px; 
    left:0px; 
} 

http://jsfiddle.net/BrV8X/4/

Answer 3

Dưới đây là một ví dụ về làm thế nào để làm điều đó mà không cần đến nổi. Bạn sẽ phải làm một số phép thuật với lợi nhuận tiêu cực với cách tiếp cận này.

input { 
    display: inline-block; 
    margin-right: -100px; 
    /* The 2 below properties are just for "correct" vertical placement of the button. */ 
    margin-top: 5px; 
    vertical-align: top; 
} 
label { 
    display: inline-block; 
    margin-left: 100px; 
    margin-right: -100px; 
} 
div { 
    /* Just some spacing between the radio buttons. */ 
    margin-bottom: 5px; 
} 

http://jsfiddle.net/4osbp0mo/2/