O'Reilly logo

Stylin’ with CSS: A Designer’s Guide, Third Edition by Charles Wyke-Smith

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

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