Съезжает li при добавлении в тег содержимого. Почему?

Question

[Li_Von]

Всем привет, объясните пожалуйста новичку почему при добавлении в тег li содержимое, он съезжает?
Вот код https://jsfiddle.net/NikitaEG/tkr4qx4p/

Answer 1

[Сергей Горячев]

https://jsfiddle.net/webirus/tkr4qx4p/8/
li {vertical-align: top;}

Comments

[Li_Von]

Конечно круто, но я не понял почему :) Можешь объяснить?

[Сергей Горячев]

Li_Von: Потому что по умолчанию инлайновым блокам прописывается совсем другой вертикал алижн. Проще документацию посмотреть) htmlbook.ru/css/VERTICAL-ALIGN (Значение по умолчанию baseline).

[Li_Von]

Сергей Горячев: Спасибо...)