css - 使用 css 的标签定位不起作用

Question

我在 div 中有一个标签。我想将标签放在 div 的中间，将文本放在标签的左侧，垂直居中对齐。如果没有填充和边距，我怎么能做到这一点？

http://jsfiddle.net/E3Wb4/

<div class="center">    
    <label style="width:255px;height:40px;display:inline-block;float:center">Test</label>           
</div>


.center {
padding:0px;
background:#B3B3B3;
height:44px;
width:400px;
border-top:2px solid red;
border-bottom:2px solid red;
border-left:2px solid red;
border-right:2px solid red;
}

label{
    border-top:2px solid yellow;
    border-bottom:2px solid yellow;
    border-left:2px solid yellow;
    border-right:2px solid yellow;
}

Answer 1

最好的方法是添加margin: 0px auto;标签。

http://jsfiddle.net/WZ5MU/

您还可以使用 border: 2px solid red; 拍摄边框代码

border: <border-width> || <border-style> || <color>