Question

I have asp.net Button, table and Button as below:

<table style="width: 600px;">
    <tr>
        <td>
            <div style="float: right;">
                <asp:Button ID="_btn01" runat="server" Text="GO" />
                <table class="IHCommandButtonContainer" cellpadding="0" cellspacing="0">
                    <tr>
                        <td class="IHCommandButtonL"><asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="/Test/Images/btn_Search.gif" /></td>
                        <td class="IHCommandButtonM"><span>Search</span></td>
                        <td class="IHCommandButtonR"><img src="/Test/Images/btn_R.gif" /></td>
                    </tr>
                </table>
                <asp:Button ID="Button1" runat="server" Text="GO" />
            </div>
        </td>
    </tr>
</table>

The problem is that I cannot put them in the same line.
They look like as below:

My css is below:

<style type="text/css">
    .IHCommandButtonContainer   { height: 21px; border: 0px; display: inline-block; cursor: pointer; margin: 0px; padding: 0px; border-spacing: 0px; border-collapse: collapse; }
    .IHCommandButtonL           { width: 22px; height: 21px; }
    .IHCommandButtonL   input   { width: 22px; height: 21px; }
    .IHCommandButtonM           { background-image: url(/Test/Images/btn_M.gif); height: 21px; font-size: 9pt; font-family: Sans-serif, Arial, Dotum; }
    .IHCommandButtonM   span    { margin: 0px 2px 0px 0px; }
    .IHCommandButtonM_          { background-image: url(/Test/Images/btn_M_.gif); height: 21px; font-size: 9pt; font-family: Sans-serif, Arial, Dotum; }
    .IHCommandButtonM_  span    { margin: 0px 2px 0px 0px; }
    .IHCommandButtonR           { width: 3px; height: 21px; }
    .IHCommandButtonR   img     { width: 3px; height: 21px; cursor: pointer; }
</style>

How can I put them in the same line?
Like 2 GO buttons are in the same line, but the table in the middle is upper than them.

Answer 1

User “vertical-align” attribute in your css. Set the value to “middle”.

Cheers