블록 요소 내부에 텍스트 가운데 맞추기

Question

label 태그 안에 텍스트를 센터링하는 방법. 예 : 때라도 마크 업을 고려

<label for='txt'>static text 
    <input type="text" id='txt' value="" /> 
</label> 

과 스타일이

label{ 
    display:block; 
    height:200px; 
} 

jsFiddle 예를 들어 있습니다. 내 케이스에 라벨의 내용을 집중시키는 방법은 무엇입니까?

Answer 1

당신의 CSS를이 추가 :

line-height:200px 

을이 같이 :

label{ 
    display:block; 
    height:200px; 
    line-height:200px 
} 

Answer 2

label{ 
    display:block; 
    height:200px; 
    line-height: 200px; 
} 

JS 바이올린을 :http://jsfiddle.net/uy4Fc/2/

Answer 3

label{ 
    display:block; 
    height:200px; 
    text-align:center; 
} 

가참조

Answer 4

레이블 내에서 입력하지 않고 입력 옆에 레이블을 사용합니다. 이를 위해,

http://jsfiddle.net/uy4Fc/1/

CSS ... 수직/수평 센터의 작업 예가 :

label{ 
    display: block; 
    margin: 30px 0; 
    width: 150px; 
    text-align: center; 
    float: left; 
} 

HTML : 텍스트