Index: LayoutTests/fast/css/vertical-lr-bfc-auto-margins-beside-float.html |
diff --git a/LayoutTests/fast/css/vertical-lr-bfc-auto-margins-beside-float.html b/LayoutTests/fast/css/vertical-lr-bfc-auto-margins-beside-float.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..b2014d21929c31c8ec6a421adb95206e5cbb9d20 |
--- /dev/null |
+++ b/LayoutTests/fast/css/vertical-lr-bfc-auto-margins-beside-float.html |
@@ -0,0 +1,25 @@ |
+<!DOCTYPE html> |
+<style> |
+#container { |
+ width: 200px; height: 50px; |
+ background-color: orange; |
+} |
+ |
+#float { |
+ float: left; |
+ width: 50px; height: 50px; background: blue; |
+} |
+ |
+#vertical { |
+ width: 50px; height: 50px; |
+ -webkit-writing-mode: vertical-rl; |
+ overflow: hidden; |
+ margin: 0 auto; |
+ background: blue; |
+} |
+</style> |
+<p>You should see four equally sized squares below. Two blue, and two orange.</p> |
+<div id="container"> |
+ <div id="float"></div> |
+ <div id="vertical"></div> |
+</div> |