This is the first paragraph of the positioning demo. The objective is to demonstrate the difference between the four position property values: static, relative, absolute and fixed. The key to working with the position property is to understand that every element is positioned with respect to another element; which element that is can be changed by changing the value of the position property.

This is the second paragraph of the positioning demo. The objective is to demonstrate the difference between the four position property values: static, relative, absolute and fixed.

This is the third paragraph of the positioning demo. This paragraph has an ID so we can change its position value without affecting the other paragraphs. The objective is to demonstrate the difference between the four position property values: static, relative, absolute and fixed.

This is the fourth paragraph of the positioning demo. The objective is to demonstrate the difference between the four position property values: static, relative, absolute and fixed. I've added a lot of extra text into this paragraph so that the layout is longer than the browser window to better demonstrate the effect of fixed positioning. I've added a lot of extra text into this paragraph so that the layout is longer than the browser window to better demonstrate the effect of fixed positioning. I've added a lot of extra text into this paragraph so that the layout is longer than the browser window to better demonstrate the effect of fixed positioning.