label文字与textarea、input垂直居中对齐的方法

今天在修改网站时发现label标签里文字与Iput、textarea标签不垂直对齐，网页实在不美观。就通过研究得到了一个label文字与input、textarea垂直居中对齐的简单方法，关键在于css标签vertical-align: middle。

input：

textarea：

label文字与input、textarea垂直居中对齐的解决方法：在input标签样式中加入vertical-align: middle;即可解决。问题思路：浏览器对于“复选框”和图片使用同样的规则，把复选框当成一个正方形图片来对待，既可以简单实现abel文字与input、textarea垂直居中对齐。

label文字与input、textarea垂直居中对齐代码示例：

<label for="address"> input：</label><input type="text" name="address" id="address" maxlength="30" style="vertical-align:middle;" /> 
<label for="note"> textarea：</label><textarea name="note" id="note" style="width:150px;height:40px;vertical-align:middle;"></textarea>