Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / fast / multicol / vertical-lr / float-edge-expected.html
blobc5e2adb0fc17a807f3fe0b215ff8806aa03fe45b
1 <!DOCTYPE html>
2 <style>
3 body {
4 -webkit-writing-mode: vertical-lr;
6 .multicol {
7 height: 480px;
8 width: 200px;
9 border: 3px solid black;
10 line-height: 20px;
12 .column {
13 float: left;
14 height: 160px;
16 .float {
17 padding: 10px;
18 background-color: skyblue;
20 .left { float: left; }
21 .right { float: right; }
22 </style>
23 <div class="multicol">
24 <div class="column">
25 First<br>
26 First<br>
27 First<br>
28 First<br>
29 <div class="float left">L1</div>
30 <div class="float right">R1</div>
31 First<br>
32 First<br>
33 First<br>
34 First<br>
35 First<br>
36 First<br>
37 </div>
38 <div class="column">
39 <div class="float left">L2</div>
40 <div class="float right">R2</div>
41 Second<br>
42 Second<br>
43 Second<br>
44 Second<br>
45 Second<br>
46 Second<br>
47 Second<br>
48 Second<br>
49 Second<br>
50 Second<br>
51 </div>
52 <div class="column">
53 Third<br>
54 Third<br>
55 Third<br>
56 Third<br>
57 Third<br>
58 Third<br>
59 Third<br>
60 Third<br>
61 <div class="float left">L3</div>
62 <div class="float right">R3</div>
63 Third<br>
64 Third<br>
65 </div>
66 </div>