Chromium Code Reviews| Index: LayoutTests/fast/multicol/float-multicol-edge.html |
| diff --git a/LayoutTests/fast/multicol/float-multicol-edge.html b/LayoutTests/fast/multicol/float-multicol-edge.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..831f3cc6f13579492746298967e10b12b4419605 |
| --- /dev/null |
| +++ b/LayoutTests/fast/multicol/float-multicol-edge.html |
| @@ -0,0 +1,59 @@ |
| +<!DOCTYPE html> |
| +<style> |
| + .multicol { |
| + width: 480px; |
| + height: 200px; |
| + border: 3px solid black; |
| + -webkit-column-gap: 0; |
| + -webkit-column-width: 160px; |
|
mstensho (USE GERRIT)
2014/10/23 08:31:14
ditto. Suggest using -webkit-column{s,-count} inst
andersr
2014/10/24 09:40:07
Done.
|
| + line-height: 20px; |
| + } |
| + .float { |
| + padding: 10px; |
| + background-color: skyblue; |
| + } |
| + .left { float: left; } |
| + .right { float: right; } |
| +</style> |
| + |
| +<p>There should be six blue floats, one near each edge of each column.</p> |
|
mstensho (USE GERRIT)
2014/10/23 08:31:14
I think we need to express the pass condition in a
andersr
2014/10/24 09:40:08
Rewritten.
|
| +<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> |