html - 尽管应用了 CSS 代码，复选框仍未对齐

Question

我试图让我的复选框和标签对齐(分成两列)，但它不起作用。知道我可以做些什么来修复它吗？

Jsfiddle 在这里:http://jsfiddle.net/wfju61oq/1/

.option label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.option input {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

Answer 1

试试这个:

.option label {
    display: block;
    width: 220px;
}
.option input {
  float:right;
}

工作 fiddle here .