HTML and CSS Reference
In-Depth Information
STOP! Do this exercise before
going on to the next chapter!
This is a special brain power—so special that we're going
to let you think about it between chapters. Here's what
you need to do:
Open the file “lounge.html” and locate the elixirs <div>.
1
Move the entire elixirs <div> section to the top of the
file so it's just below the paragraph that contains the
lounge logo.
2
Save and reload your page. What changed?
3
Open the file “lounge.css”.
4
Locate the “#elixirs” rule.
5
Add this declaration at the bottom of the rule:
6
float: right;
Save your file, and reload the page in your browser.
7
What changed? What do you think this property does?
