How to Stay Happy

Man in the Moon

This is a block between Paragraph tags given a border and clear right. It is set to clear in an inline style tag. The word "clear" uses a span tag. Text-align left overrides the default center with the class "pclear" defined in the embedded style. Two break tags precede the block. The image is set to float left and the block is set to clear right. Left and right margins are set. Without margins, the border goes far left behind the image.

Below, the paragraph uses linked style sheet, class "upper", text-transform: uppercase. The width is set to 300px and text-align is left. Margin-left is 20%. Font color is orange.

It's so easy to focus on the negative. Sometimes I have to remind myself of the things I love.

Here's a quick list:

Span changing list to lower case overrides linked style sheet. This paragraph is set to clear: none, but the Div tag makes a natural break. The list is within Div tags with a class giving a percentage left margin and a width of 250px. Text-align left inline overrides center default. This is set to a margin-top of -20px.

My Favorites

Color Green
Ice cream Vanilla
Number 7
Day Wednesday

My Favorite Links

My Home
Google
CSS Layout Techniques

Linked style sheet
Embedded style sheet
Home

Week 3 - Template 2