Divisions (with <div> tag)

To structure HTML documents into divisions or sections, the <div> tag is used. The <div> tag specifies a logical block without predefined meaning or rendering infomration. Orginally, the tag was mostly used to align sections of content in a document with the align attribute. The followings shows an example:

The following shows the output of the above code:

Although it is not apparent from the above the example, the <div> tag produces a line break after the tag is closed (</div>). The <div> is a block element.

Styling with <div> tag

The <div> tag is today commonly used to apply style sheet fomatting properties to a desired part of a document. See the following as an example:

That produces

In the first <div> tag we change the color of the text and right-align the text. In the second <div> tag we only change the color of the text and keep the default text alignment (left).