This example is from Ch06 Page Layout with CSS - pg 220 Practice with Normal Flow and NESTED elements. It demonstrates two "boxes" that ARE nested (e.g. one is insidethe other), and it also has a Stylesheet associated with it (coding shown below).

This is the first box.
This is the second box (it should be INSIDE the 1st 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.