inline-block list items mess up when one is empty

Question

I wanted to put some image in first list item but it seems to mess up when it\'s no content. i tried various methods in jsfiddle (various options of display and position) but no

Answer 1

Add vertical-align: top; to your li elements.