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 positioning context.
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. This is a place holder paragraph shown to demonstrate the changes in the 3rd paragraph.
This is the third paragraph in the positioning demonstration. This paragraph includes a "class" to allow me to illustrate the 4 possible values for the "position" property without affecting the other paragraphs. The effect of each position becomes apparent here. This page illustrates the absolute position, which removes the paragraph out of its normal document flow position. The positioning context is the body so the paragraph would move when the page is scrolled, retaining its relationship with the body element.
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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph.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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph.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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph. 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. This is also a place holder paragraph shown to demonstrate the changes in the 3rd paragraph.