Now, you can put some text into the box and it will help make the page uglier and uglier!
Some text goes here so you can see what the heck it looks like.
The garish text is deliberate. We used color-names for each background to make it clear to the class which tag does what. Only the first and secone menu items go anywhere. Long Text is just an example of a very long page showing that menus, etc. don't have to end at the end of the content. The text box below is an example of negative margins.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut hendrerit. Nullam nonummy mauris vitae nulla. Proin urna.
Maecenas a mauris sit amet odio accumsan aliquam. Sed sem turpis, viverra sit amet, sagittis at, feugiat vel, odio. Phasellus rhoncus massa et ipsum. Mauris sed velit. Nullam in magna quis dui rutrum condimentum. Donec orci sapien, malesuada dapibus, hendrerit vitae, accumsan a, nisl. Sed ipsum sem, tincidunt eu, egestas a, pretium eu, lorem. Suspendisse potenti. Donec porttitor metus id libero. Mauris bibendum metus a turpis. Vivamus ornare, justo eget consectetuer sagittis, magna risus pharetra sem, eget ultricies justo massa vel elit. Sed magna tellus, mollis et, congue ac, porttitor non, nulla. Donec dolor diam, egestas id, commodo sed, consequat sit amet, ipsum. In urna purus, posuere eu, aliquam nec, consectetuer nec, orci. Mauris pulvinar odio vitae dolor. Vestibulum mattis enim a libero. Sed non neque vel sapien fermentum iaculis. Suspendisse a diam. Nulla facilisi.