css-week5

One of the items we're learning this week is how to use CSS Shorthand for our style declarations. Since I'm using an Embedded Style Sheet, you can see my code when you view the source of this page.

We're also learning more about Margins, Borders, Padding, and Indents, as well as the DISPLAY selector for changing Block Level and Inline elements.

Centered heading with 20 pixels of padding, a 45 pixel margin, and a dotted border on all 4 sides.

This looks like a list but it's actually a bullet image before a <h3> heading.

The image has 5 pixels of padding on the top to add space between lines.

The heading is set to Display Inline to prevent it from moving to the next line.

I also used a line break between each heading and the image that follows.

When we learn about Float, I hope I can align the text with center of the image.

The first line of this paragraph is indented by 20 pixels. The first line of this paragraph is indented by 20 pixels. The first line of this paragraph is indented by 20 pixels. The first line of this paragraph is indented by 20 pixels. The first line of this paragraph is indented by 20 pixels.

The first line of this paragraph has a negative indent of 20 pixels. The first line of this paragraph has a negative indent of 20 pixels. The first line of this paragraph has a negative indent of 20 pixels. The first line of this paragraph has a negative indent of 20 pixels.

Week Five

Centered heading with 20 pixels of padding, a 45 pixel margin, and a dotted border on all 4 sides.

This looks like a list but it's actually a bullet image before a <h3> heading.

The image has 5 pixels of padding on the top to add space between lines.

The heading is set to Display Inline to prevent it from moving to the next line.

I also used a line break between each heading and the image that follows.

When we learn about Float, I hope I can align the text with center of the image.