复选框 单选框与文字不对齐

为什么单选框、复选框与文字不对齐呢？

文字加不加label都一样，文字大小不一，而单选框、复选框大小是一定的。它们没有按照彼此的中心线对齐，所以看起来就是不对齐的。在某一些文字大小下，看起来就是有点对齐的，但是也不完全对齐，例如：14px、15px。

它们默认的对齐方式是什么？
vertical-align: baseline;

方法1：给单选框、复选框添加class

.radio, .checkbox {
    vertical-align:text-bottom;
    margin-bottom:2px;
    margin-bottom:-2px\9;
}

方法2：vertical-align: text-top对齐

.radio, .checkbox {
    vertical-align: text-top;
    height: 12px;
    margin-top: 2px;
}

方法3：以vertical-align: bottom对齐

.radio, .checkbox {
    vertical-align: bottom;
    height: 12px;
    margin-bottom: 3px;
    margin-top: -1px;
}

方法4：以vertical-align: top对齐

.radio, .checkbox {
    vertical-align: top;
    height: 14px;
}

方法5：以vertical-align: middle对齐

.radio, .checkbox {
    vertical-align: middle;
    margin-top: -3px;
    margin-bottom: 1px;
}

方法6：设置vertical-align: -2px;

.radio, .checkbox{
    vertical-align: -2px;
}