This example is from Ch06 Page Layout with CSS - pg 219 Practice with Normal Flow. It demonstrates two "boxes" that are NOT nested (e.g. one follows the other), and it also has a Stylesheet associated with it (coding shown below).

This is the first box.
This is the second box.

The CSS code used in this page is stored in a file called ch06pg219_style_v1.css, and looks like:

.div1 { width: 200px; height: 200px; background-color: #D1ECFF; border: dashed; padding: 5px; }

.div2 { width: 100px; height: 100px; background-color: #FFFFFF; border: ridge; padding: 5px; margin: 10px; }

And this is the end of the page.