Index: LayoutTests/fast/inline-block/multiple-floats-with-whitespace.html |
diff --git a/LayoutTests/fast/inline-block/multiple-floats-with-whitespace.html b/LayoutTests/fast/inline-block/multiple-floats-with-whitespace.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..970505f56d723fd2bcfa35851899bb3dd0c02809 |
--- /dev/null |
+++ b/LayoutTests/fast/inline-block/multiple-floats-with-whitespace.html |
@@ -0,0 +1,36 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+<title>Test Multiple Floats for a Single Line</title> |
+<style> |
+ div { width: 100px; height:30px; margin:0; padding:0; border:none; background-color: green;} |
+ .container { width:400px; } |
+ .left { float:left; } |
+ .a { float:right; } |
+ .b { float:right; } |
+ .middle { display:inline-block; } |
+</style> |
+</head> |
+<body> |
+<p> There should be a single green rectangle below. </p> |
+<!-- No whitespace --> |
+<div class="container"><div class="left"></div><div class="middle"></div><div class="floater a"></div><div class="floater b"></div></div> |
+ |
+<!-- Some whitespace --> |
+<div class="container"> |
+ <div class="left"></div> |
+ <div class="middle"></div> |
+ <div class="floater a"></div> |
+ <div class="floater b"></div> |
+</div> |
+ |
+<!-- Order should not matter --> |
+<div class="container"> |
+ <div class="floater a"></div> |
+ <div class="left"></div> |
+ <div class="middle"></div> |
+ <div class="floater b"></div> |
+</div> |
+ |
+</body> |
+</html> |