css 换行

请问，当然多个标签和对应的输入框自动排放的时候，怎么保证标签和对应的输入框在同一行？
例：<lable>aa</label><input type="text" value=""/><lable>bb</label><input type="text" value=""/>
<lable>cc</label><input type="text" value=""/><lable>dd</label><input type="text" value=""/>
<lable>ee</label><input type="text" value=""/>
一行中可能无法显示这么多，要自动跳转到第二行显示。但如何保证标签和对应的输入框在同一行呢？

那么复杂，直接用table吧，不要排斥table

不管用什么
都需要把标签和对应的输入框绑定到一个块级元素里面

HTML code

    <style type="text/css">
    label,input{ float:left; }
    label{ clear:left}
    </style>


<label>aa</label><input type="text" value=""/><label>bb</label><input type="text" value=""/>
<label>cc</label><input type="text" value=""/><label>dd</label><input type="text" value=""/>
<label>ee</label><input type="text" value=""/>

最好是把你要分组的每项用另一个html元素给包起来，不然既难看懂，兼容性也不好

<label style="display:block;float:left;">aa:<input type="text" value="" style="width:100%;" /></label>
<label style="display:block;float:left;">bbbbbbbbbbbbbbbbb:<input type="text" value="" style="width:100%;" /></label>
<label style="display:block;float:left;">cccccccccccccccc:<input type="text" value="" /></label>
<label style="display:block;float:left;">ddddddddddddddddddddddd:<input type="text" value="" /></label>
<label style="display:block;float:left;">ee:<input type="text" value="" /></label>
为什么输入框的宽度设置成100%后，输入框会跑到标签的底下

当然了
输入框的宽度设成100%，就跟外面的label的宽度一样了
第一行已经被占用几个字符的位置，剩下的宽度放不下输入框就换行了