Boxout 1

(floated left)

Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout.

Boxout 2

(floated right)

Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout.

Boxout 3

(floated left)

Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout.

 

Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout.

Boxout 4. This another boxout but this time without a background so it just looks like more page text.

Boxout 5

(floated right)

Boxout 6

(floated right)

 

Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout. Here is some filler text that will do to demonstrate this layout.Here is some filler text that will do to demonstrate this layout.

 

Close this page

CSS - multiple boxouts

Placing <div> tags within the flow of some paragraph text can allow for some complex layouts.

The CCS styles for this page are located in the <head> tag of this page, so just view the page source code to see what's going on.