Article introduction of Wulin.com (www.vevb.com): Form element input and text perfect vertical centering alignment method.
Like type=radio and type=checkbox alignment problem, test browser: ie7+/firefox8.0
Principle: Set the first font in font-family to Verdana font
The test code is as follows:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN >
<html xmlns=>
<head>
<meta http-equiv=Content-Type content=text/html; charset=utf-8 />
<title>Form element input, text perfect vertical centering alignment method - web teaching website webjx.com</title>
<style type=text/css>
body {font:12px/24px verdana;}
ul {list-style:none;}
input,label { vertical-align:middle;}
</style>
</head>
<body>
<ul>
<li><input type=radio /><label>Contract for beneficiary</label></li>
<li><input type=checkbox /><label>Contract for beneficiary</label></li>
<li><input type=radio /><label>Microsoft</label></li>
<li><input type=checkbox /><label>Microsoft</label></li>
</ul>
</body>
</html>