O'Reilly logo

Pro CSS and HTML Design Patterns by Michael Bowers

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required