¿Cómo centrar (verticalmente y horizontalmente) los botones en una etiqueta div?

Question

Estoy tratando de determinar cómo centrar (verticalmente y horizontalmente) los botones en una etiqueta div.

Dado el siguiente CSS:

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; 
} 

Me gustaría tener los botones de marcado en este centrada. ¿Cómo puedo modificar el CSS para lograr esto?

<div class="listBoxMoverUserControl"> 
    <div class="listBoxMoverUserControl_column1"> 
     <label>Test1</label> 
     <asp:ListBox runat="server"></asp:ListBox> 
    </div> 
    <div class="listBoxMoverUserControl_column2"> 
     <input id="btnMoveRight" type="button" value="->" /> <br /> 
     <input id="btnMoveLeft" type="button" value="<-" /> <br /> 
    </div> 
    <div class="listBoxMoverUserControl_column3"> 
     <label>Test2</label> 
     <asp:ListBox runat="server"></asp:ListBox> 
    </div> 
</div> 

Answer 1

establecer los márgenes alrededor del objeto para asumir el resto del espacio. Si quiere centrar un div 50px por 50px en un div 100px por 100px, entonces establecerá un margen de 25px alrededor del div 50px.

Answer 2

establecidos los elementos dentro de su div este modo:

margen: 0px 0px automático de automóviles; text-align: center;

<div class="listBoxMoverUserControl_column1" style="margin: 0px auto 0px auto; text-align: center;"> 

** Acabo de hacer un ejemplo en línea para mostrarle lo que quiero decir.

Answer 3

Vertical Centering in CSS

Puede centrar el texto horizintally usando

text-align: center;