How to set Two Controls in one row?

Question

<table>

<tr><td>

<div id="divMessages">

<input type="checkbox" />

<label data-expanded="Close Chatbox" data-collapsed="Open Chatbox"></label>

<div class="chat-box-content" style="background-color: White; height:300px;width:592px; overflow-y:scroll; font-size: 11px; ">

<asp:Literal Id="litMessages" runat="server" />

<asp:Label ID="lblUserIds" runat="server" Visible="false" Font-Bold="true" ForeColor="Blue"></asp:Label>

<asp:TextBox Id="txtMessage" onkeyup="ReplaceChars()" onfocus="SetToEnd(this)" runat="server" MaxLength="100" Width="500px" />

<asp:UpdatePanel ID="upbtnSend" runat="server"><ContentTemplate>

<asp:Button ID="btnSend" runat="server" Text="Send"/>

</ContentTemplate></asp:UpdatePanel>

</td><td>

<div onload="javascript:register_popup('narayan-prusty', 'Narayan Prusty');" id="divUsers" style="background-color: White; border-color:Black;border-width:1px;border-style:solid;height:337px;width:150px;overflow-y:scroll; font-size: 11px; padding: 4px 4px 4px 4px;">

<asp:Literal Id="litUsers" runat="server">

<a href="javascript:register_popup('narayan-prusty', 'Narayan Prusty');">

</asp:Literal>

</div></td>

</tr></table>

 

Asp button going to new line but i have to display it in one line? so how?