Positioning: Indented, Offset, and Aligned

Abstract

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.