You are previewing Stylin’ with CSS: A Designer’s Guide, Third Edition.

Stylin’ with CSS: A Designer’s Guide, Third Edition

Cover of Stylin’ with CSS: A Designer’s Guide, Third Edition by Charles Wyke-Smith Published by New Riders
O'Reilly logo

Chapter 3. Positioning Elements

In this chapter, you will learn about the box model, the position and display properties, and how to float and clear elements. Positioning techniques you will learn in this chapter are central to understanding CSS and will give you the core abilities you need to successfully create CSS page layouts.

The box model describes the rectangular boxes that are generated for every HTML element in your markup. These boxes are laid out on the page according to the visual formatting model. Visual formating is primarily controlled by three properties: the position property, which defines the positional relationship between the elements on the page; the display property, which determines whether elements stack, sit side-by-side, ...

The best content for your career. Discover unlimited learning on demand for around $1/day.