将同一行中的两个元素对齐 <td> 标签

Question

我正在尝试在同一表格单元格中对齐两个ASPx元素。 这是我的aspx代码：

<table>
        <tr>
            <td>Select customer:</td>
            <td style="white-space:nowrap;">
                <dx:ASPxTextBox ID="txtCust" runat="server" Width="220px" Height="46px"></dx:ASPxTextBox>
                <dx:ASPxButton  ID="btnSearch" runat="server" Text="Search" Image-Url="~/IMG/search32.png" OnClick="btnSearch_Click" UseSubmitBehavior="true" />
            </td>
        </tr>
</table>

这是我想在CSS中执行的操作：

#btnSearch 
{
   display:inline; 
}

#txtCust 
{
 display:inline;
}

由于我在CSS中还很陌生，我知道这还不够，但是我仍然不知道如何做才能使两个对象在同一单元中对齐。 有想法吗？

编辑：这就是我得到的...我希望我的搜索按钮与文本框在同一行上对齐。

Answer 1

这两个元素的集合宽度大于<td>元素的宽度。 这导致它将第二个元素换行。