Index: LayoutTests/fast/multicol/layers-in-multicol-expected.html |
diff --git a/LayoutTests/fast/multicol/layers-in-multicol-expected.html b/LayoutTests/fast/multicol/layers-in-multicol-expected.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..68a78590cf1aa46a648549688e5dc4659ea999ae |
--- /dev/null |
+++ b/LayoutTests/fast/multicol/layers-in-multicol-expected.html |
@@ -0,0 +1,81 @@ |
+<!DOCTYPE html> |
+<style> |
+ .multicol { |
+ width: 300px; |
+ height: 100px; |
+ line-height: 20px; |
+ border: 5px solid maroon; |
+ } |
+ .column { |
+ width: 100px; |
+ float: left; |
+ } |
+ .multicol[dir="rtl"] > .column { |
+ float: right; |
+ } |
+ .block { |
+ display: inline-block; |
+ width: 1em; |
+ height: 10px; |
+ background-color: green; |
+ } |
+ .opacity { |
+ opacity: 0.5; |
+ color: green; |
+ } |
+ .relative { |
+ position: relative; |
+ top: -4px; |
+ color: green; |
+ } |
+</style> |
+<p> |
+ Test layers which are fully contained within a single column. |
+</p> |
+LTR: |
+<div class="multicol"> |
+ <div class="column"> |
+ line1<br> |
+ line2<br> |
+ line3<br> |
+ line4<br> |
+ line5<br> |
+ </div> |
+ <div class="column"> |
+ line6<br> |
+ <div class="block"></div> line7<br> |
+ line8<br> |
+ <span class="relative">relative9</span><br> |
+ line10<br> |
+ </div> |
+ <div class="column"> |
+ line11<br> |
+ line12<br> |
+ <span class="opacity">opacity13</span><br> |
+ line14 |
+ </div> |
+</div> |
+ |
+RTL: |
+<div class="multicol" dir="rtl"> |
+ <div class="column"> |
+ line1<br> |
+ line2<br> |
+ line3<br> |
+ line4<br> |
+ line5<br> |
+ </div> |
+ <div class="column"> |
+ line6<br> |
+ <div class="block"></div> line7<br> |
+ line8<br> |
+ <span class="relative">relative9</span><br> |
+ line10<br> |
+ </div> |
+ <div class="column"> |
+ line11<br> |
+ line12<br> |
+ <span class="opacity">opacity13</span><br> |
+ line14 |
+ </div> |
+</div> |