将同一行中同一行上的两个元素对齐

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>元素的宽度。这导致它将第二个元素包装到一个新行。