From the course: CSS: Float-Based Page Layouts (2012)
Unlock the full course today
Join today to access over 22,500 courses taught by industry experts or purchase this course individually.
Creating multi-column text - CSS Tutorial
From the course: CSS: Float-Based Page Layouts (2012)
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.