1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: clear
</title>
5 <style type=
"text/css">
6 div
{ font: 15px/1 Ahem
; color: green
; background: red url
(support/css1test5526.png) no-repeat
; width: 20em; border: solid black
; }
15 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visuren.html#floats" title=
"9.5 Floats">
16 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visuren.html#flow-control" title=
"9.5.2 Controlling flow next to floats: the 'clear' property">
19 <p>There should be a big green box below.
</p>
21 <img alt=
"[Image]" src=
"support/swatch-green.png" class=
"left" height=
"50">
23 xxxxx xxxx xxx xx x xx xxx xxxx
24 xxxxx xxxx xxx xx x xx xxx xxxx
25 xxxxx xxxx xxx xx x xx xxx xxxx
27 <img alt=
"[Image]" src=
"support/swatch-green.png" class=
"left" height=
"50">
29 xxxxx xxxx xxx xx x xx xxx xxxx
30 xxxxx xxxx xxx xx x xx xxx xxxx
32 <img alt=
"[Image]" src=
"support/swatch-green.png" class=
"right" height=
"50">
34 xxxxx xxxx xxx xx x xx xxx xxxx
35 xxxxx xxxx xxx xx x xx xxx xxxx
37 <img alt=
"[Image]" src=
"support/swatch-green.png" class=
"left" height=
"50">
38 <img alt=
"[Image]" src=
"support/swatch-green.png" class=
"right" height=
"50">
40 xxxxx xxxx xxx xx x xx xxx xxxx
41 xxxxx xxxx xxx xx x xx xxx xxxx
43 <img alt=
"[Image]" src=
"support/swatch-green.png" class=
"left" height=
"50">
44 <img alt=
"[Image]" src=
"support/swatch-green.png" class=
"right" height=
"50">
46 xxxxx xxxx xxx xx x xx xxx xxxx
47 xxxxx xxxx xxx xx x xx xxx xxxx
48 xxxxx xxxx xxx xx x xx xxx xxxx
49 xxxxx xxxx xxx xx x xx xxx xxxx