css 下面代码，如何使字符串与input输入框，在同一行内。

Question

<div>
<div id="zifu">这里是字符串</div>
<div id="shurukuang">
<span id="thmr_23" class="thmr_call">
<span id="thmr_19" class="thmr_call">
<span id="thmr_22" class="thmr_call">
<span id="thmr_20" class="thmr_call">
<div id="shuru" class="form-item">
<input id="inputshuru" class="form-text required text" type="text" value="" size="20" name="inputshuru[0][value]"/>
</div>
</span>
</span>
</span>
</span>
</div>
</div>

从最上面数，第二行 <div id="zifu">这里是字符串</div> 这一行是字符串代码。

第九行 <input id="inputshuru" 这一行，是输入框的代码。

Answer 1

分别给<div id="zifu">和<input id="inputshuru">这两个DIV一个宽度，再分别让他们左浮动就能实现字符串与input输入框在一行，如以下代码。
<style type="text/css">
#zifu{ width:100px; float:left;}
#shurukuang{ width:200px;float:left;}
</style>
当然要美观的话，还需要再做一些css修饰。

Answer 2

方法有很多，但是你这里没有说清楚，是高度相等,还是说两个标签在同一条水平线上：

第一种，定义一个table用tr标签实现。
第二种，在CSS中将id为shurukuang用margin属性进行调节。
第三种，你试下CSS中的float:left属性，具体我也忘记了，你试下。

Answer 3

会不会用<ul><li></li></ul> 啊！用这个就可以的！把<li></li>的样式设为float:left;淡然<ul></ul>和<li></li>的高度和宽度要调整适当的！！

Answer 4

那里的字符串呀，麻烦说清楚一点