Example 7 - Use of <div> regions.
In this example, a class called "textbox" defines the region, another class (w200 w250 w300 etc.) defines the width, another defines the float (posRight posLeft), and another one defines the fill color.

 

textbox (container)

w100 w150 w200 w250 w300 w350 w400 w450 w500 w550 w600 w650 (widths)

fillYellow fillGreen fillBlue fillRed fillGray fill00 fill01 fill02 fill03 fill04 fill05 fill06 fill07(flood color)

posLeft posRight (float object left or right)

 

After the class textbox, you can use any other combination in the class description to affect layout and style.

 

Samples


class="textbox w250 posLeft fillYellow"
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class="textbox fillGreen posLeft"
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class="textbox fillBlue posRight w350"
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textbox fillRed w200 posRight
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textbox fillGray
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 


spacing
spacing
class=textbox
The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore.  The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain.  Silly Sally saw seashells as the seashore. The quick brown fox jumped over the lazy dogs.  The rain in Spain falls mainly on the plain. 



 

 

spacing
spacing