radio的选中圆圈与文字没有在同一条水平轴线的问题

HTML：

<label><input type="radio" name="Y"/><p>是</p></label>
<label><input type="radio" name="N"/><p>否</p></label>

CSS：

input[type='radio']{vertical-align:middle;
}label p{display:inline-block;vertical-align:middle;line-height:1;
}

其中的P标签最好设置line-height:1;  个人感觉设置后整体样式看起来更板正一些