Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(581)

Unified Diff: LayoutTests/fast/inline-block/multiple-floats-with-whitespace.html

Issue 343663004: Floats following inlines break to next line unncessarily (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Updated Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
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>

Powered by Google App Engine
This is Rietveld 408576698