What’s the Deal With display: inline-block?

We’ve been using floats for layout pretty much since we left tables behind. It’s a quirky solution that can often cause troubles, but if you know what you’re doing, it works.

One interesting alternative to floats that people are turning to more and more lately is to set the display value of an element to inline-block. What does this do exactly? How is it like a float? How is it different? Let’s dive in and see what we can discover.

Interesting to see that we’re re-educating ourselves as browsers have become better and better over the years.

What’s the Deal With display: inline-block;? →