Chapter 10. Understanding the CSS Box Model and Positioning

WHAT YOU’LL LEARN IN THIS CHAPTER:

• How to conceptualize the CSS box model

• How to position your elements

• How to control the way elements stack up

• How to manage the flow of text

In the previous chapter, I mentioned the CSS Box Model a few times—this chapter begins with a discussion of the box model and explains how the information you learned in the previous chapter helps you understand this model. By learning the box model, you won’t tear your hair out when you create a design, and then realize the elements don’t line up or that they seem a little “off.” You’ll know that in almost all cases, something—the margin, the padding, or the border—just needs a little tweaking for it ...

Get Sams Teach Yourself HTML, CSS and JavaScript All in One now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.