div+css盒子内有多个控件，怎样让它们对齐排列

[swordman123]

盒子内布局如下：

标签1: 文本框 标签2: 文本框 标签3: 文本框

类似视频文章上传时，对标签的处理.
最好用div+css来处理.

[szoe5203]

CSS:

div,p,input{margin:0px; padding:0px; border:0px;}
#tag{width:600px; height:30px; clear:both;}
#tag p{width:100px; height:30px; display:block; line-height:30px; font:12px "宋体"; color:#333;}
#tag input{width:80px; height:30px; display:block; line-height:30px; border:1px solid #CCC; margin:0px 5px; float:left;}
#tag1{width:100px; height:30px; float:left; background-color:#F00;}
#tag2{width:100px; height:30px; float:left; background-color:#FF0;}
#tag3{width:100px; height:30px; float:left; background-color:#0FF;}

HTML:

<div id="tag">
<div id="tag1"><p>标签1</p></div><input />
<div id="tag2"><p>标签2</p></div><input />
<div id="tag3"><p>标签3</p></div><input />
</div>

大概就这样吧，自己可以美化一下

[zhangchunlin_ln]

<div>
<p><label style="float:left;display:block; width:60px;">标签1:</label>文本框</p>
<p><label style="float:left;display:block; width:60px;">标签2:</label>文本框</p>
<p><label style="float:left;display:block; width:60px;">标签3:</label>文本框</p>
<div style="clear:left;"></div>
</div>

[zhangchunlin_ln]

如果是横着排，把p标签改成li，li左浮动，label不用浮动，只设置左间距。肯定可以的。用了不知道多少回了。