04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

exercise solutions<br />

Exercise<br />

Solutions<br />

Place tags around the<br />

copyright information.<br />

484 Chapter 11<br />

<br />

It’s time to put all your new knowledge to work. You’ll notice at the bottom of the<br />

lounge there’s a small section <strong>with</strong> copyright information that acts as a footer for the<br />

page. Add a to make this into its own logical section. After you’ve done that<br />

style it <strong>with</strong> these properties:<br />

font-size: 50%;<br />

text-align: center;<br />

line-height: normal;<br />

margin-top: 30px;<br />

And let’s add some top margin to give the<br />

footer a little breathing room.<br />

And give it an id named “footer”.<br />

Let’s make the text really small.<br />

You know, FINE PRINT.<br />

And let’s center the text.<br />

We’re also setting the line-height<br />

to be “normal”.<br />

<br />

&copy; 2005, <strong>Head</strong> <strong>First</strong> Lounge<br />

All trademarks and registered trademarks appearing on<br />

this site are the property of their respective owners.<br />

<br />

<br />

And here’s the <strong>CSS</strong> for the footer.<br />

#footer {<br />

font-size: 50%;<br />

text-align: center;<br />

line-height: normal;<br />

margin-top: 30px;<br />

}

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!