Подтвердить что ты не робот

Текст в линейном блоке div, отталкивающий его

Сегодня утром я обнаружил странную проблему с CSS, и я надеюсь, что эксперты CSS помогут мне. В этой демонстрации, почему текст в красном div подталкивает его? Я ожидал, что два div будут рядом друг с другом. Спасибо!
EDIT: Спасибо, ребята, за ответы. Я отвечу немного. Может ли кто-нибудь объяснить, почему это происходит?

4b9b3361

ОТВЕТЫ

Ответ 1

...........................

Привет теперь используется для vertical-align: top;

div {
    display: inline-block;
    height: 50px;
    width: 50px;
    vertical-align: top;
}

Демо