User:Billw58/Simple no tables experiments

Experiment 1
Even through there is a "container" div for the three floating divs, the container div does not in fact "contain" them.

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5

• Item 1
• Item 2
• Item 3

• Item 1
• Item 2
• Item 3
• Item 4

Experiment 2
Adding a 100% width div with "clear:both" after the three floating divs "expands" the container div to actually contain them and, as you can see, is needed to that following text does not float.

• Item 1
• Item 2
• Item 3

• Item 1
• Item 2
• Item 3
• Item 4

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5

Experiment 3
A 100% width div with "clear:both" is not required between "rows" but is probably good practice.

• Item 1
• Item 2
• Item 3

• Item 1
• Item 2
• Item 3
• Item 4

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5

• Item 1
• Item 2
• Item 3

• Item 1
• Item 2
• Item 3
• Item 4