在块元素内居中文本

Question

如何将文本置于label标记内。例如。考虑以下标记：

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

和样式

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

有jsFiddle例子。如何在我的案例中居中标签内容？

Answer 1

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

JS小提琴： http://jsfiddle.net/uy4Fc/2/

Answer 2

将此添加到您的css：

line-height:200px

像这样：

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

Answer 3

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

请参阅http://jsfiddle.net/uy4Fc/3/

Answer 4

我在输入旁边使用标签，而不是在标签内输入。为此，有垂直/水平中心的工作示例...

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

CSS：

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

HTML：     文本