checkbox和文字不再同一水平线上

为了演示效果，我故意将文字变为12px，将复选框变大，看到的效果就是下面的那样

然后，我们通过给复选框添加vertical-align：middle；让文字和复选框达到同一水平线的效果