센터 선택 드롭 다운 내 div

Question

div 안에 선택 드롭 다운을 가운데 놓기 위해 고심하고 있습니다. 나는 양쪽 마진을 시도했다 : 자동; 텍스트 정렬 : 가운데; 아무 소용이 여기에

에 http://jsfiddle.net/U8Kja/

사람이 알아낼 수 있습니까 바이올린입니까? 내가 놓친 게 있니? 당신은

text-align: center 

오류를 사용해야합니다

감사

Answer 1

은 텍스트 정렬에 있습니다 당신은 text-align:centre

을 설정했다

Answer 2

센터 그것은해야 text-align:center

Check demo

Answer 3

피들 하단에 추가하십시오.

select { 
display: block; 
margin: 0 auto; 
} 

왼쪽 및 오른쪽 여백은 상위 div의 블록 요소 가운데에 맞춰집니다.

Answer 4

이 시도 :

.center { 
 
    text-align: center; 
 
    /*These options are for the div to be visible in the example, the important is the first*/ 
 
    border:1px solid black; 
 
    width: auto; 
 
    height: 50px; 
 
} 
 

 
.cmb { 
 
    display: block; 
 
    margin: 0 auto; 
 
}

<div class="center"> 
 
    <select class="cmb"> 
 
    <option value=1>Option 1</option> 
 
    <option value=2>Option 2</option> 
 
    <option value=3>Option 3</option> 
 
    </select> 
 
<div>