1
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01//EN">
4 <title>CSS
2.1 Test Suite: Floating Elements
</title>
5 <style type=
"text/css">
7 .test div { margin: 1em; padding: 0.5em; background: teal
; color: aqua
; }
8 .test p { width: 10em; padding: 0.25em; margin: 0; border: 0.25em solid blue
; background: navy
; color: white
; }
9 .test p.left { float: left
; }
10 .test p.right { float: right
; }
12 <link rel=
"help" href=
"http://www.w3.org/TR/CSS21/visuren.html#float-position" title=
"9.5.1 Positioning the float: the 'float' property">
15 <p>In the following test, the blue blocks should be on the given sides of the teal rectangle.
</p>
18 <p class=
"left"> ⇦ This blue block should be on the left.
</p>
19 <p class=
"right"> ⇨ This blue block should be on the right.
</p>
20 Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle.
21 Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle. Teal rectangle.