设置input(radio,checkbox)和lable对齐的问题

在做页面的时候几次遇到label和前面的小图标无法对齐的情况，后来发现解决方法不过是

label {
    display:inline-block;
    vertical-align:top;
line-height:22px;//根据具体情况调节line-height
   
 }