PURPOSE - to learn positioning in the fastest and easiest way. I choose floats over relative and absolute positioning

Interesting CSS Approach - The approach here is to show the potential drawbacks of DRY (Don't Repeat Yourself). As you see, there is an interesting phenomenon of inline styling reappearing thorugh class combinations.

Grayscale - These illustrate div containers.

Test 1A

...

Test 1B

...

Test 2A

...

Test 2B

...

Test 3A

...

Test 3B

...

Test 4A

...

Test 4B

...

Test 5A

...

Test 5B

...

Test 6A

...

Test 6B

...

Test 7A

...

Test 7B

...

Test 8A

...

Test 8B

...

Test 9A

...

Test 9B

...