Position Sampler

Michael McGurl • Section 1385


This is the first paragraph in the positioning demonstration. The goal is to demonstrate the differences between the four position property values:static, relative, absolute, and fixed. The key to understanding the effect of these values is to remember that every element is positioned with respect to another element; the identify of that element can be changed by changing the value of the position property.

This is the second paragraph in the positioning demonstration. The goal is to demonstrate the differences between the four position property values:static, relative, absolute, and fixed. I 'm just here as a place holder.

This is the third paragraph in the positioning demonstration. This paragraph has an "class" so I can change the position value of this paragraph, without affecting the other paragraphs. As I hop around the page you will begin to see the differences between the 4 values. I have added a top and left margin of 50 pixels. This paragraph has a position value of static.

This is the fourth paragraph in the positioning demonstration. The goal is to demonstrate the differences between the four position property values:static, relative, absolute, and fixed. Just like paragraph #2, I am just here as a source of comparison as my buddy, paragraph #3 gets to have all the fun.

Position Values:

Back to top

Back to Homework Page!

Valid XHTML 1.0 Strict Valid CSS!