Organize Sections of Text

One important aspect of developing a web page is planning especially when it comes to organizing sections of content on that page. A great strength of style sheets is the ability to easily apply groups of formatting characteristics to whole sections of text. For example, suppose you have three paragraphs and a list making up the main body copy of a page, and you want to see how the text in that section looks with a different font face and size. With the old font tag you would need to make multiple code changes just to try a different font. But as long as you’ve organized your content appropriately and used style sheets, the code changes will be minimal.

The key to all this is the div tag. Amazingly, adding a simple <div> to the code on your page will cause no outward change in appearance when viewed in the browser. In fact, the div tag does nothing by itself it doesn’t even cause a line break. It is simply used as a container, allowing you to manipulate its contents later with style sheets.