Html 如何在IE中使行中的元素内联

我有一行由两个tds组成。TD1包含两个文本（txt1和txt2）。TD1中的txt2必须与TD2一致。这是我的密码：

<tr>

        <td width="220">
        <span class="b">TB From:</span>
        <span style="position: relative; left : 20px;" id="lblTBHoriz" class="b"><br> 
        <span style="padding-left: 1.5px">  TBN:</span>
        </span>
        </td>

        <td>
        <pre></pre> 
        <input type="text" id="tBFrom"  name="tBFrom"
         value="" size="20" maxlength="16"
         onkeypress="return isNumberKey(event);"  onchange="validate(this);" > 
        </input>
        </td>

    </tr>

结核病来自：


待定：

问题是TBN：另一个td中的输入框必须对齐，并且在mozilla中工作正常。但在IE中，输入框向上移动文本TBN:并与TB From:文本对齐。我能做些什么来修复这个？请帮忙。

td.your-class
{
    vertical-align:bottom;
}

结核病来自：


待定：

如果每次

必须位于底部，您可以向

td

标记添加一个类并向其添加一些CSS：

表格应该有表格数据。不建议将其用于布局。 您可以使用

div

标记

TB来自：
待定：

---

div

标签您可以随意设置样式。

您使用的是IE的哪个版本？IE 7和IE 8-->这就是我正在使用的。您不能这样使用tr td，您可以根据需要调整它，但它的编码不正确。我看不出mozilla和IE-8输出有任何区别。您的代码似乎可以很好地管理表，请使用

div

tags:）

td.your-class
{
    vertical-align:bottom;
}

<div>TB From:</div>
<div><label>TBN:</label><input type="text" vlaue="" /></div>