From the course: CSS: Display

Unlock the full course today

Join today to access over 24,800 courses taught by industry experts.

Inline-block

Inline-block - CSS Tutorial

From the course: CSS: Display

Start my 1-month free trial Buy for my team

Inline-block

“

- [Instructor] There's a few different ways of laying out horizontal navigation bars. And one of those is by using display inline block. The other one being Flexbox, and you may have used inline block has a way of creating nav bars for quite some time now, but the term inline block, itself, is really pretty confusing. And in light of what you just learned about outer and inner display values, maybe inline block will start to make more sense to you now, as we take a look at it in a bit more depth. So here I've put together a simple navigation bar for you. And if you notice the markup here, this is the way navigation bars should be marked up all the time. I can't believe the crazy HTML I see these days of people trying not to use lists for navigation bars, but the nav tag goes around the outside of this. It's an unordered list because this is a list of links. They can be visited in any particular order. So this is the…

Contents