html css 问题 如何让文本输入框和一个Li显示在一行上

Question

<table>
<tr>
<td>
<input type="text" size="30" maxlength="100" value=""> <ul class="errorMessage" style="color: red">
<li><span>2134</span></li>
</ul>

</td>
</tr>
</table>

Answer 1

input {display:block; float:left; }
ul {margin:0px; padding:0px; float:left; }
这样就可以让input和ul显示在一行了。
但这样出现的问题是，紧跟着的内容也会跑到一行去，所以这里的ul后面再加一个div用来清除浮动。
input {display:block; float:left; }
ul {margin:0px; padding:0px; float:left; }
div {clear:both; }

当然，你也可以用两个td来并列实现，如：
<table>
<tr>
<td>
<input type="text" size="30" maxlength="100" value="">
</td>
<td>
<ul class="errorMessage" style="color: red">
<li><span>2134</span></li>
</ul>
</td>
</tr>
</table>

Answer 2

你好，需要在<td>这个标签上设置宽度和高度。

然后在其内部的<input>和<ul>标签上设置宽度和高度（2个加起来的宽小于或等于<td>）

然后在这两个标签上（<input>和<ul>），分别加入float:left这个样式。

搞定，

Answer 3

可以用表格，也可以用div 定位

Answer 4

按照你现在的代码，在<ul class="……前面加上这个</td><td>