Добрый день, почему съезжают первые два дива?

Question

[Genanadi]

Код HTML:

<div class='item1'>123</div>
<div class='item2'>456</div>
<div class='item3'></div>
<div class='item4'></div>
<div class='item5'></div>

Код CSS:

.item1, .item2,.item3,.item4,.item5{
    height:100px;
    width:100px;
    background:#8DAAA6;
    margin:0px;
    display:inline-block;
}

Comments

[approximate solution]

Дивы как я понял у вас сами закрываются? Это какой-то новый стандарт html'ля который я пропустил?

Answer 1

[Владимир Проскурин]

vertical-align (который работает при inline-block) дефолтное значение baseline, установите в top
vertical-align: top
чтобы выровнить не по линии родительского элемента, а по верхнему краю