Style Sheets - Part 10 (Grouping)

Sometimes it is useful to group text into a single element. This can be done using the DIV element. For example: 
<DIV CLASS=rant>
<P>I could really go for a big glass of Guinness right now.</P>

<P>Because of Y2K, all of the computers are going to fail, the power grid will
collapse, and angry mobs will be running through the streets killing your pets
and eating your children!!!! And they're going to drink your Guinness!</P>
</DIV>
Stylistic information can then be applied to everything that appears within a DIV as follows: 
<STYLE type="text/css">
   DIV.rant {text-decoration: line-through}
</STYLE>
Which produces this:

I could really go for a big glass of Guinness right now.

Because of Y2K, all of the computers are going to fail, the power grid will collapse, and angry mobs will be running through the streets killing your pets and eating your children!!!! And they're going to drink your Guinness!

There is also a SPAN element that is used to group an arbitrary piece of (usually small) context. For example, I could create a floating quote like this: 
<SPAN CLASS=floater>
I could really go for a big glass of Guinness right now.
</SPAN>
And a style description like this: 
<STYLE type="text/css">
   SPAN.floater {color:blue; float:left; width:200; border:solid darkred 3pt}
</STYLE>
I could really go for a big glass of Guinness right now. Now, as you can see, this text wraps around the element as a floating figure.

I don't really have much more to say so I'll just add this arbitrary rambling discussion about nothing so that you can see how the text wraps around the SPAN object. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.

Okay, you get the idea.

Next