CSS positioning (and pseudo class) commands

------------------------------------------ See how this absolutely place element goes in the usual location! Here is a statically placed element!

This would be the normal placement position of the bottom div.

This is the same bottom div relatively positioned with top at 100px and left at 200px.

This is the same bottom div absolutely positioned with top at 100px and left at 200px.

Here is some more text ... notice that the absolutely placed element does not affect it's placement ... but relatively placed elements do (but only based on where the element would have been if it had not been offset!)

Positioning can be used to create other useful effects. As one example, the formula: a*a + b*b = c*c can be written nicely as: a2 + b2 = c2.

One last thing about relative and absolute. Try resizing the browser. How does that affect the placement of those elements? See the original text at the top?

Let's start over! And look at some pseudo classes. Here is a link
Also, Here is another link
And, This link is based on the fun class