title: How do I center (vertically and horizontally) buttons in a div tag?
body: <p>I am trying to determine how to center (vertically and horizontally) buttons in a div tag.</p>
  
  <p>Given the following CSS:</p>
  
  <pre><code>div.listBoxMoverUserControl
  {
      width: 350px;
      height: 175px;
  }
  
  div.listBoxMoverUserControl div 
  {
      height: 150px;
  }
  
  div.listBoxMoverUserControl div select
  {
      width: 150px;
      height: 150px;
  }
  
  div.listBoxMoverUserControl div.listBoxMoverUserControl_column1
  {
      float: left;
      width: 150px;
  }
  
  div.listBoxMoverUserControl div.listBoxMoverUserControl_column2
  {
      float: left;
      width: 50px;
  }
  
  div.listBoxMoverUserControl div.listBoxMoverUserControl_column3
  {
      float: left;
      width: 150px;
  }
  </code></pre>
  
  <p>I would like to have the buttons in this markup centered. How can I modify the CSS to achieve this?</p>
  
  <pre><code>&lt;div class="listBoxMoverUserControl"&gt;
      &lt;div class="listBoxMoverUserControl_column1"&gt;
          &lt;label&gt;Test1&lt;/label&gt;
          &lt;asp:ListBox runat="server"&gt;&lt;/asp:ListBox&gt;
      &lt;/div&gt;
      &lt;div class="listBoxMoverUserControl_column2"&gt;
          &lt;input id="btnMoveRight" type="button" value="-&gt;" /&gt; &lt;br /&gt;
          &lt;input id="btnMoveLeft" type="button" value="&lt;-" /&gt; &lt;br /&gt;
      &lt;/div&gt;
      &lt;div class="listBoxMoverUserControl_column3"&gt;
          &lt;label&gt;Test2&lt;/label&gt;
          &lt;asp:ListBox runat="server"&gt;&lt;/asp:ListBox&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>