How To Create Multi-Column Text In Css: Page Layouts


show more Creating multi-column text provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts show less
please wait ...

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, f...

Creating multi-column text
Video duration: 6m 36s 8h 57m Beginner

Viewers:

Creating multi-column text provides you with in-depth training on Web. Taught by James Williamson as part of the CSS: Page Layouts

Subject:
Web
Software:
CSS
Author:
please wait ...