Index: LayoutTests/fast/multicol/float-edge.html |
diff --git a/LayoutTests/fast/multicol/float-edge.html b/LayoutTests/fast/multicol/float-edge.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..c25bd6e0f06f2ff20f064c11c277b896f0f04ca7 |
--- /dev/null |
+++ b/LayoutTests/fast/multicol/float-edge.html |
@@ -0,0 +1,60 @@ |
+<!DOCTYPE html> |
+<style> |
+ .multicol { |
+ width: 480px; |
+ height: 200px; |
+ border: 3px solid black; |
+ -webkit-column-gap: 0; |
+ -webkit-column-count: 3; |
+ line-height: 20px; |
+ } |
+ .float { |
+ padding: 10px; |
+ background-color: skyblue; |
+ } |
+ .left { float: left; } |
+ .right { float: right; } |
+</style> |
+ |
+<p>There should be two blue floats in each of the three columns below, L's should float to the left, |
+ and R's should float to the right.</p> |
+<div class="multicol"> |
+ First<br> |
+ First<br> |
+ First<br> |
+ First<br> |
+ <div class="float left">L1</div> |
+ <div class="float right">R1</div> |
+ First<br> |
+ First<br> |
+ First<br> |
+ First<br> |
+ First<br> |
+ First<br> |
+ |
+ <div class="float left">L2</div> |
+ <div class="float right">R2</div> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ Second<br> |
+ |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ Third<br> |
+ <div class="float left">L3</div> |
+ <div class="float right">R3</div> |
+ Third<br> |
+ Third<br> |
+</div> |