Lesson 5A: Positioning Content

In this lesson, we will learn how to position content on a page. 

Positioning Content on a Page

Floating Elements

See the Pen yuihg by Michael Macfadden (@mmacfadden) on CodePen.

Clearing Floats

See the Pen Layout without Cleared or Contained Floats by Michael Macfadden (@mmacfadden) on CodePen.

Inline-Block Positioning

See the Pen Inline-Block Elements with White Space by Michael Macfadden (@mmacfadden) on CodePen.

Fixed Positioning

See the Pen jacdz by Michael Macfadden (@mmacfadden) on CodePen.


*header image from Quin Dombrowski via flickr: https://flic.kr/p/93HP2z