I’ve come across this issue multiple times when I use
to position a set of say, divs horizontally. I set the display to inline-block and it appears fine at first. But when I add something inside the li tag or something, it ends up looking like [this!](http://i.imgur.com/0jPbA5q.jpg “”) Notice that they appear in different positions.