CSS生成的条带中的文本对齐问题

Question

我创建了一个放置文本内容的简单条带，如下图所示。

和相同的CSS是：

.strip {
    display: block;
    margin: auto;
    float: left;
    width: 6em;
    height: 2em;
    background: #090909;
    color: white;
    font-weight: bold;
    text-align: center;
}

现在，我要做的是将文本放在条带的中间，水平和垂直，而text-align: center帮助我获得文本的水平居中。我无法将文本垂直居中。请注意，我的标记为<div class="strip">12345678</div>，我不愿意在span内使用任何div。并希望尽可能保持标记清洁。我怎样才能达到这种行为？

感谢。

Answer 1

添加等于div高度的行高。请检查此http://jsfiddle.net/VRBrr/2/

line-height:2em;