<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" > < html xmlns ="http://www.w3.org/1999/xhtml" > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" /> < title > 测试vertical-align </ title > < style > label { vertical-align : middle } .inputcheckbox { vertical-align : middle ; } body { font-family : tahoma ; font-size : 12px ; } </ style > </ head > < body > < input class ="inputcheckbox" name ="test" value ="1" type ="checkbox" > < label > 测试文字x </ label > < br />< br /> < input class ="inputcheckbox " name ="test2" value ="2" type ="radio" > < label > 测试文字x </ label > < br />< br /> < input class ="inputcheckbox " name ="Text1" type ="text" /> < label > 文字 </ label > < input class ="inputcheckbox " name ="Text1" type ="text" /> < label > 文字 </ label > < br />< br /> < label > 测试文字 </ label > < input class ="inputcheckbox " name ="Button1" type ="button" value ="按钮" /> < br />< br /> < select class ="inputcheckbox " name ="Select1" > < option > 测试文字 </ option > </ select > < label > 测试文字 </ label > </ body > </ html >