Chromium Code Reviews| Index: LayoutTests/fast/multicol/float-content-break.html |
| diff --git a/LayoutTests/fast/multicol/float-content-break.html b/LayoutTests/fast/multicol/float-content-break.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..dac7dcb2f1aa8c190ead450faec69c6572b37114 |
| --- /dev/null |
| +++ b/LayoutTests/fast/multicol/float-content-break.html |
| @@ -0,0 +1,72 @@ |
| +<!DOCTYPE html> |
| +<style> |
| + .multicol { |
| + width: 330px; |
| + height: 200px; |
| + border: 3px solid #bbb; |
| + -webkit-column-gap: 10px; |
| + -webkit-column-count: 2; |
| + line-height: 20px; |
| + } |
| + .left, .right { |
| + padding: 5px 5px; |
| + text-align: center; |
|
mstensho (USE GERRIT)
2014/10/27 11:04:58
Looks rather unnecessary.
andersr
2014/10/27 16:49:04
Done.
|
| + background-color: steelblue; |
| + } |
| + .float_content { |
| + background-color: skyblue; |
| + } |
| + .left { float: left; } |
| + .right { float: right; } |
| +</style> |
| + |
| +<p>There should be two floats: one left, one right. Both should wrap into the |
| + second column. The lines <em>left6</em>, <em>left7</em>, |
| + <em>right6</em>, <em>right7</em> (and their backgrounds) should appear |
| + <em>entirely</em> in the second column.</p> |
| +<div class="multicol"> |
| + First<br> |
| + First<br> |
| + First<br> |
| + First<br> |
| + <div class="left"> |
| + <span class="float_content"> |
| + left1<br> |
| + left2<br> |
| + left3<br> |
| + left4<br> |
| + left5<br> |
| + left6<br> |
| + left7<br> |
| + </span> |
| + </div> |
| + <div class="right"> |
| + <span class="float_content"> |
| + right1<br> |
| + right2<br> |
| + right3<br> |
| + right4<br> |
| + right5<br> |
| + right6<br> |
| + right7<br> |
| + </span> |
| + </div> |
| + First<br> |
| + First<br> |
| + First<br> |
| + First<br> |
| + First<br> |
| + First<br> |
| + |
| + |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| + Second<br> |
| +</div> |