C H A P T E R  8

Positioning: Indented, Offset, and Aligned

This chapter shows how margins can offset and align elements.

A stretched element is indented or outdented when one or more of its sides is displaced into or out of its container, changing the width or height of the element.

A sized or shrinkwrapped element is offset when the entire element is shifted from its normal position without changing the height or width of the element.

A sized or shrinkwrapped element is aligned when it's relocated to one of the sides of its container without changing its size and optionally offset from that side.

Chapter Outline

  • Indented shows how to indent an element from the sides of its container.
  • Offset Static shows how to offset an element from surrounding ...

Get Pro HTML5 and CSS3 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.