Creating Multi-Column Layouts

Multi-column layouts are the key to creating more complex page layouts. The point of a multi-column layout is that by breaking up the horizontal span of the page, it allows more significant information to be located within the browser window. Although with a single-column layout, a user might have to scroll down through the page to find important information (because the different sections of the page are stacked vertically), with a multi-column layout sections (or stories) can be aligned horizontally.

The idea, in other words is to bring as many significant headings, links, and other objects as possible up to the top of the page, so they're visible and available to the user without scrolling.

A multi-column layout ...

Get Cascading Style Sheets (CSS) by Example 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.