Styling Three Columns

Now that we’ve successfully created a two-column layout in two different ways, let’s add another column to the mix and see what happens. We’ll add in a set of links that refer to the site as a whole and place them on the left side of the page. This left-side sidebar should be styled in a way that makes it obviously different from the rest of the page.

Four and More

Although it’s certainly possible to have any number of columns, physical constraints will eventually come into play: There are only so many pixels available on a monitor, let alone in a browser window. In the majority of cases, any more than three columns will be ...

Get Eric Meyer on CSS: Mastering the Language of Web Design 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.