div 태그에 (세로 및 가로) 단추를 가운데에 배치하려면 어떻게합니까?

Question

div 태그에 (세로 및 가로) 단추를 가운데 맞추는 방법을 결정하려고합니다. 내가 중심이 마크 업 버튼을하고 싶은

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

:

다음과 같은 CSS를 감안할 때. 어떻게 이것을 달성하기 위해 CSS를 수정할 수 있습니까?

<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

를 사용하여 텍스트를 중심으로 수는 나머지 공간을 차지하기 위해 개체 주위에 여백을 설정합니다. 50px x 50px div를 100x100px div에 센터링하려면 50px div 주위에 25px의 여백을 설정해야합니다.

Answer 2

지금처럼 사업부 내부의 항목을 설정 :

여백 : 0 픽셀 자동 0 픽셀 자동; 텍스트 정렬 : 가운데;

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

** 방금 내가 의미했던 것을 보여주기 위해 인라인 예제를 만들었습니다.

Answer 3

Vertical Centering in CSS

당신은 horizintally

text-align: center;