解决复选框、单选框与文字不能对齐的问题

<input type="checkbox"/><label>复选框</label>
<input type="radio"/><label>单选框</label>

    label {
      font-size: 12px;
   }
/*Method 1：*/
   input {
      vertical-align: text-bottom;
      margin-bottom: 2px;
   }
/*Method 2*/
   input {
        vertical-align: middle;
        margin-top: -2px;
        margin-bottom: 0px;
   }