可以给加上class，然后css里定义成块，即display:block
然后像两个div一样让他们对齐即可。
或者在第一个后面加一个换行<br
/>
代码：
<html><head>
<meta http-equiv="Content-Type" content="text/html charset=GBK">
<style>
.login { overflow:hidden width:300px}
.login .login-item { padding:10px 0 overflow:hidden clear:both line-height:25pxpadding:0px}
.login .login-item label { float:left text-align:right width:80px}
.login .login-item div { float:left}
.login .login-tools { text-align:center}
</style>
</head>
<body>
<div class="login">
<div class="login-item">
<label>用户名：</label>
<div><input type="text" /></div>
</div>
<div class="login-item">
<label>密码：</label>
<div><input type="password" /></div>
</div>
<div class="login-tools">
<input type="button" value="登录" />
<input type="button" value="重置" />
</div>
</div>
</body>
</html>
效果：
表格中数据的排列方式有两种：左右排列（水平对齐），上下排列（垂直对齐）。
左右排列是以ALIGN属性来设置；
上下排列则由VALIGN属性来设置。
其中左右排列的位置可分为三种：
居左（left)、居右(right)和居中(center)；
#=left, center, right
左右排列（水平对齐）代码示例：
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD align=center>内容居中对齐</TD></TR>
<TR><TD style="text-align:center">内容居中对齐：css语法</TD></TR>
</TABLE>
上下排列基本上比较常用的有四种：
上齐(top)、居中(middle)、下齐(bottom)和基线(baseline)
#=top，middle，bottom，baseline
上下排列（垂直对齐）代码示例：
<TABLE WIDTH="100" BORDER="1" HEIGHT="60">
<TR><TD VALIGN=TOP>内容顶部对齐</TD></TR> <TR><TD style="vertical-align:top">内容顶部对齐：css语法</TD></TR> </TABLE>
