Skip to main content

Get full access to Teach Yourself Visually™ HTML5 and 60K+ other titles, with a free 10-day trial of O'Reilly.

There are also live events, courses curated by job role, and more.

Start your free trial

CHAPTER 10

Controlling Page Layout

Want to create complex layouts on your web pages, beyond what is possible using HTML5 alone? This chapter shows you how to precisely position text, images, and other elements on your pages using style sheets. Style sheets enable you to place content at set coordinates within your layout. You can also control the spacing around your page elements, wrap text around images and tables, and even overlap content.

Set Width and Height for an Element

Use Relative Positioning

Use Absolute Positioning

Use Fixed Positioning

Align Elements Horizontally

Control the Overlap of Elements ...

Get Teach Yourself Visually™ HTML5 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial

Don’t leave empty-handed

Get Mark Richards’s Software Architecture Patterns ebook to better understand how to design components—and how they should interact.

It’s yours, free.

Get it now

Cover of Software Architecture Patterns

Check it out now on O’Reilly

Dive in for free with a 10-day trial of the O’Reilly learning platform—then explore all the other resources our members count on to build skills and solve problems every day.

Start your free trial Become a member now