实现radio，checkbox后边文字对齐居中显示

主要是通过定义一个CSS样式。

未设置前,如图： 

 会发现radio后面的文字稍微偏下，对于网页设计严格要求的公司来说，这很影响美观。

我们可以添加一个css样式来美化一下：

css代码： 

 

<style type="text/css">

body { font:Verdana;}

input , label { vetical-align:middle;}

</style>

修改后如图：

html代码：

<div style="text-align:center;">

<input type="radio" name="rd" /><label>360doc</label> <br/>

<input type="radio" name="rd" /><label>360图书馆</label> <br/>

<input type="checkbox" name="ck" /><label>沙发商量是龙卷风as劳动纠纷</label>

</div>

这些只是网页设计中的一些小细节，需要大家注意。毕竟，完善每一个小的细节才是设计出好网页的关键。