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
.menua
, div
.menub
{ float: left
; clear: left
; width: 100px; height: 100px }
7 div
.menua
{ background: url
(support
/test-tl
.png
); }
8 div
.menub
{ background: url
(support
/test-bl
.png
); }
9 div
.article
{ margin-left: 100px; background: url
(support
/test-tr
.png
) no-repeat
; clear: none
; height: 200px; }
10 div
.outer
{ background: url
(support
/test-br
.png
) no-repeat
100px 100px; }
12 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visuren.html#floats" title=
"9.5 Floats">
13 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/colors.html#background-properties" title=
"14.2.1 Background properties: 'background-color', 'background-image', 'background-repeat', 'background-attachment', 'background-position', and 'background'">
16 <p>There should be a complete unbroken drawing of a yin-yang (☯) symbol below.
</p>
18 <div class=
"menua"></div>
19 <div class=
"menub"></div>
20 <div class=
"article"></div>