HTML Division Tag Tutorial

Browser Support

The div tag (division) is a block level generic container element. The division tag doesn't do anything all by itself, but when you add CSS styles to it the division becomes a webmaster's best friend.

Being a "block level" element, most browsers will place a line break before and after the division.

By using CSS you can use a division to style whole blocks of content. Here's an example:

Beginning today, treat everyone you meet as if they were going to be dead by midnight. Extend to them all the care, kindness and understanding you can muster, and do it with no thought of any reward. Your life will never be the same again. - Og Mandino

I tossed a bunch of CSS into that division just to give you a small idea of what you can do with the division tag. Here's the code I used:

<div 
style="margin: 17px 32px 17px 32px; 
border: 1px solid #9b977b; 
background-color: #cfcdc0; 
padding: 8px 8px 17px 8px; 
font-size: 16px; 
text-align: justify;">
Content goes here...
</div>

There are probably hundreds of ways to use a division tag. Experiment with it and see what you discover.

Based on your interest in this tutorial you may also be interested in:

This concludes the HTML Division Tag Tutorial.

Back | HTML Tag Chart | HTML Index | Web Design Tutorials

If you want your web site to rank high in the search engines . . . what are you going to do to get it there? Check out my search engine optmization guide, SEO for YOU: Search Engine Optimization for Ordinary Everyday People!

Check out SEO for YOU now!

Almost a Newsletter

Subscribe today for exclusive website design tutorials and grab some free gifts to boot! Learn more, or subcribe below:

Did you know...

The member's site has about 100 standards compliant HTML and CSS tutorials, 31 handy reference charts, reprintable content, web graphics, exclusive fonts, free software, free ebooks and more? All this for less than 9 cents a day! [ Details ]