|Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects | Member Perks | Member Login|
HTML Division Tag Tutorial
Browser SupportThe 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: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.
Check out SEO for YOU now!
Almost a NewsletterSubscribe 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 ]
Home | Web Design Tutorials | Free Graphics | Newsletter | Products | Specials | SEO | Sound Effects