Проблемы выравнивания текста в 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;