请看下面一段代码：
<HTML>
<HEAD>
<style>
#login {font-size:14px;color:blue;}//定义了一个ID
.left{FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=CENTER;}//定义了一个类
</style>
<TITLE>中国</TITLE>
<BODY>
<DIV STYLE="FONT-SIZE=12PX;COLOR=RED;TEXT-ALIGN=RIGHT;">TEST</DIV>//直接设置样式
<DIV ID="login">TEST</DIV>//引用ID
<DIV class="left">TEST</DIV>//引用类
<DIV>TEST</DIV>
</BODY>
</HTML>
ID：表示唯一性，并且在这个页面中只会出现一次，我们它来表示布局的结构
CLASS：类，表示一组或一个具有同样性质的元素，它可以共用样式
#LOGIN表示某一个ID层，下面还可以设置类，比如#LOGIN.LEFT{TEXT-ALIGN:CENTER;},这个LEFT类可以在ID为LOGIN的框架中使用，其它地方无效
比如：
<div class="row" id="form_domain_container">
<label for="domain">域名:</label>
<input name="domain" value="<{$do->domain_name|escape}>" type="text" id="domain" size="35" maxlength= ......
在进行div+css网页布局的时候，不可避免的需要插入一定的表单元素，input是其中最常见的一种。我们在布局中，常会遇到文本输入框与同处一行的文本不对齐的问题。这个问题设置input的vertical-align:middle属性来解决。
我们来看下面的例子，如何解决文本输入框与文本对齐的问题！
<!DOCTYPE html PUBLIC "-//W3C//DTD ......
