how floating works

1. & 2. float left. 2x

1
1

1. & 2. float right, 2x

2
2

1. float left, 2. float right

1
2

1. float left, 2. float right. 4x

1
1
1
1
2
2
2
2

1. float left, 2. float right. 2. clear both

1
2

1. many float left, 2. float left. 2. clear both

1
1
1
1
1
1
1
1
1
1
1
1
1
1
1
2

1. many float left, 2. float left. 2. clear both

1
2
1
1
1
1
1
2
1
1
1
1
1
1
1
2