Текст внутри div не выравнивается по вертикали ⇐ CSS

[Anonymous]

Я пытаюсь написать два символа рядом друг с другом, где второй символ находится в элементе div. У меня проблема в том, что два символа не выравниваются по вертикали. Эта проблема возникает только в Chrome и считается проблемой рендеринга. Есть ли способ обойти это?
Прикрепленный фрагмент представляет собой упрощенную версию моего кода (я не могу удалить из него элементы div). Проблема не видна в этом фрагменте — однако, если вы скопируете и вставите его в html-документ и откроете в Chrome, вы сможете воспроизвести его — но вам, вероятно, придется продублировать html несколько раз в разных строках. пока вы не получите экземпляр вывода, в котором происходит смещение.


Если у меня нет полей и границ, они выровняются. Итак, это как раз связано с черным прямоугольником (рамкой) над второй цифрой 3.

Код: Выделить всё

.one {
display: inline-block;
}
.two {
display: inline-block;
position: relative;
}
.three {
position: relative;
margin-top: 2px;
border-top: 10px solid #000000;
}

Код: Выделить всё

33

33

33

33

Подробнее здесь: https://stackoverflow.com/questions/783 ... y-aligning