CHAPTER 9Positioning: Advanced

This is the third of three chapters on positioning. It combines the positioning techniques of the previous two chapters into 12 design patterns that align and offset static and positioned elements to the left, center, right, top, middle, or bottom of its container while stretching, sizing, or shrinkwrapping them. This chapter focuses on static and absolute positioned elements.

This chapter combines design patterns from Chapter 8 to align and offset elements from their containers. It also introduces new patterns to align and offset elements from the top, middle, and bottom of their containers. If you are not already familiar with the design patterns in Chapters 5 through 8, you may want to review them. Because aligning ...

Get Pro CSS and HTML Design Patterns 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.