Я создал простую полосу, на которой размещается текстовое содержимое, похожее на изображение ниже. 
и 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.И хотите, чтобы разметка была как можно более чистой.Как я могу добиться такого поведения?
Спасибо.