Drifter Drifter - 1 year ago 145
ASP.NET (C#) Question

How to center two buttons together on a page

I want to center two buttons to the center of a page. The following is my code. It centers only the btnExport at the center but not the btnReset, it always stays at the left. When I tried pull-right or pull-left at the row level both buttons correctly go to left or right!

<div class="row" style="padding-right: 18px; margin-left: auto; margin-right: auto">
<div style="text-align: center">
<asp:button SkinID="whiteButton" id="btnReset" runat="server" CausesValidation="false" Text="Reset" onclick="btnReset_Click"></asp:button>
<asp:button SkinID="blueButton" id="btnExport" CausesValidation="false" runat="server" Text="Export"></asp:button>
<input class="hidden" type="button" name="btnPrint" id="btnPrint" onClick="printDiv('divInvoiceGrid');" value="Print">

Answer Source

You could create a center class in your CSS and add it to the div that contains the two buttons.

.center {
   margin: auto;
   width: 50%;
   padding: 10px;


Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download