From the course: CSS: Float-Based Page Layouts (2012)

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Creating multi-column text

Creating multi-column text - CSS Tutorial

From the course: CSS: Float-Based Page Layouts (2012)

Start my 1-month free trial

Creating multi-column text

In this chapter, we're going to focus on ways that you can enhance your page design through creative styling. I want to start by talking about creating multi-column text. In the past we've had to use some fairly restrictive techniques like floating to achieve multiple columns of text, but recent improvements in CSS have made it fairly simple to modify your text blocks. So I have the multiple-column.htm file from the 08_01 folder opened up, and I'm just going to preview this page for you really quickly to kind of show you what's going on here. We have a little bit of descriptive text, and then we have some body copy right down here that I want to place into multiple columns. So I'm going to go back into my code, and if I look at the structure of the page, so I know who to target, I can see that the text that I want to target is in a section, and actually that's the only section that we have in the HTML code, so it makes a very quick and easy way to target it. Now, for our first example…

Contents