diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht | 31 |
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht b/testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht new file mode 100644 index 0000000000..2d1a60fc59 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/floats-clear/float-001.xht @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head> + <title>CSS Test: Float set to 'left'</title> + <link rel="author" title="Microsoft" href="http://www.microsoft.com/" /> + <link rel="reviewer" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-03-26 --> + <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" /> + <meta name="assert" content="The 'float' property set to 'left' correctly aligns the element to the left and text/objects flow around it." /> + <style type="text/css"> + #div1 + { + border: 2px solid orange; + width: 500px; + } + #div2 + { + float: left; + background: blue; + height: 1in; + width: 1in; + } + </style> + </head> + <body> + <p>Test passes if the blue square is in the upper left corner of the orange box and the "Filler Text" flows around the blue square.</p> + <div id="div1"> + <div id="div2"></div> + Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text Filler Text + </div> + </body> +</html> |