arranging buttons in webform

This is a simple question but coz I am new I am unable to do it can somebody tell me the buttons for which I have posted the html code below how do I arrange them like when I give this code in the ouput the last 2button get right below the first 2buttons with out any space between the two rows of buttons how can I arrange them plzz help


<p>
<asp:Button ID="btnBack" runat="server" Text="&lt;&lt; Back" OnClick="btnBack_Click" />
<span id="ViewRegCard" runat="server">
<input value="View Registration Card" onclick="javascript:openHelp('<%=Constants.RegistrationCard.ViewRegistrationCard %>&BookingID=<%=BookingId %>&print=1', 600,800);" type="button"/>
</span>
<asp:Button ID="btnSaveBooking" runat="server" CssClass="main" Text="Save Booking"
OnClick="btnSaveBooking_Click" />
<asp:Button ID="btnUndoCheckIn" runat="server" CssClass="main" Text="Undo Check In" Visible="False" OnClick="btnUndoCheckIn_Click" OnClientClick="javascript: return confirm('Are you sure you wish to completely undo this checkin?')" />
<asp:Button ID="btnCheckIn" runat="server" CssClass="main" Text="Check In" Visible="false"
OnCommand="btnCheckIn_Command" />
<asp:Button ID="btnCheckOut" runat="server" CssClass="main" Text="Check Out" Visible="False"
OnClick="btnCheckOut_Click" />
<asp:Button ID="btnCancelChanges" runat="server" CssClass="main" Text="Discard Changes"
OnClick="btnCancelChanges_Click" />
<asp:Button ID="btnViewBooking" runat="server" CssClass="main" Text="View Booking"
Visible="false" OnClick="btnViewBooking_Click" />

<asp:Button ID="btnCancelBooking" runat="server" CssClass="red" Text="Cancel Booking"
Visible="false" OnClick="btnCancelBooking_Click" />
<br />
<asp:Button ID="btnTurnAway" runat="server" CssClass="red" Text="Turn Away" Visible="false"
OnClick="btnTurnAway_Click" />
<asp:Button ID="btnNoShow" runat="server" CssClass="red" Text="No Show" Visible="false"
OnClick="btnNoShow_Click" />
</p>
</asp:Panel>