缩进多行标签

Rob*_*loi 18 css

我有以下自动生成的HTML:

http://jsfiddle.net/BrV8X/

建议的方法是使用CSS缩进标签,以便在单选按钮下面有一些空白区域?

Jos*_*ber 37

label {
    display: block;
    margin-left: 20px;
}
input {
    float: left;
    margin-left: -20px;
    margin-right: 7px;
}
Run Code Online (Sandbox Code Playgroud)

这是小提琴:http://jsfiddle.net/hrfmt/.玩这些价值观.

编辑:

如果您需要支持的所有浏览器都能理解display: inline-block,请使用它而不是float.


sha*_*hat 8

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

label input[type=radio] {
   position:absolute;
   top:4px;
   left:0px;   
}
Run Code Online (Sandbox Code Playgroud)

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