将一个glyphicon置于div中

Question

这是小提琴：http://jsfiddle.net/sarvagnya1/BLAXF/

我需要在纵横和横向都将一个字形中心放在div中。

这是代码：  HTML：

<div class="container">
<div class="item">
    <span class="glyphicon glyphicon-text-width"></span>
</div>

CSS：

.container{
width: 600px;
margin: 0 auto;
border: 1px solid #000;

}

.item{
width: 150px;
height: 150px;
border: 1px solid #ddd;

}

.item span{
font-size: large;

}

Answer 1

您需要添加以下内容：

.item{
    ...
    text-align: center;
}
.item span{
    ...
    line-height: 150px;
}

http://jsfiddle.net/BLAXF/1/