How to center two buttons together on a page
<p>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!</p>

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