CHAPTER 8Positioning: 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 an 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 an element.

A sized or shrinkwrapped element is aligned when it is 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 elements. ...

Get Pro CSS and HTML Design Patterns now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.