Index: LayoutTests/css2.1/20110323/floats-001.html |
diff --git a/LayoutTests/css2.1/20110323/floats-001.html b/LayoutTests/css2.1/20110323/floats-001.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..25196c07354998c602bba35e2931e4f3003d50e6 |
--- /dev/null |
+++ b/LayoutTests/css2.1/20110323/floats-001.html |
@@ -0,0 +1,39 @@ |
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
+<html> |
+ <head> |
+ <title>CSS Test: Floats, shifting left until it touches container edge</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-07-02 --> |
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"> |
+ <link rel="match" href="reference/floats-001-ref.htm"> |
+ |
+ <meta name="flags" content=""> |
+ <meta name="assert" content="A left floated box shifts left until its outer edge touches the containing block edge."> |
+ <style type="text/css"> |
+ #div1 |
+ { |
+ border: solid 5px black; |
+ height: 1in; |
+ width: 2in; |
+ } |
+ div div |
+ { |
+ display: inline-block; |
+ height: 1in; |
+ width: 1in; |
+ } |
+ #div3 |
+ { |
+ background-color: blue; |
+ float: left; |
+ } |
+ </style> |
+ </head> |
+ <body> |
+ <p>Test passes if the blue square is on the left inner edge of the hollow black rectangle.</p> |
+ <div id="div1"> |
+ <div id="div2"></div> |
+ <div id="div3"></div> |
+ </div> |
+ </body> |
+</html> |