Bir div etiketindeki düğmeleri (dikey ve yatay olarak) nasıl ortalarım?

Question

Düğme etiketindeki düğmelerin (dikey ve yatay olarak) nasıl ortalanacağını belirlemeye çalışıyorum. Ben merkezli bu biçimlendirme düğmeleri istiyorum

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

:

aşağıdaki CSS Verilen. Bunu başarmak için CSS'yi nasıl değiştirebilirim?

<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

kullanarak metin ortalayabilirsiniz alanı geri kalanı almak için nesnenin etrafında kenar boşluklarını ayarlayın. 100px by 100px div içinde 50px by 50px div ortalamak isterseniz, 50px div etrafında 25px'lik bir kenar boşluğu ayarlayacaksınız.

Answer 2

böylece sevdiği div içinde öğeleri ayarlayın:

margin: 0px 0px auto auto; metin-align: center;

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

** Sadece ne demek istediğimi göstermek için satır içi örnek yaptım.

Answer 3

Vertical Centering in CSS

Sen horizintally

text-align: center;