Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(13)

Side by Side Diff: LayoutTests/fast/multicol/vertical-lr/column-break-with-balancing.html

Issue 671433002: Convert fast/multicol/column-break-with-balancing (and related) to reftests. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Use float, not inline-block. Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <html style="-webkit-writing-mode:vertical-lr"> 1 <!DOCTYPE html>
2 <body style="overflow: hidden;"> 2 <style>
3 <div style="-webkit-column-count:2; border:5px solid blue"> 3 body {
4 This is some text.<br> 4 -webkit-writing-mode: vertical-lr;
5 This is some text.<br> 5 }
6 This is some text.<br> 6 .columns {
7 This is some text.<br> 7 height: 400px;
8 This is some text.<br> 8 width: 200px;
9 This is some text.<br> 9 -webkit-column-width: 200px;
10 This is some text.<br> 10 -webkit-column-gap: 0;
11 11 border: 5px solid blue;
12 This is some text.<br> 12 margin-right: 1em;
13 This is some text.<br> 13 line-height: 20px;
14 This is some text.<br> 14 }
15 This is some text.<br> 15 </style>
16 This is some text.<br> 16 <div class="columns">
17 This is some text.<br> 17 First column<br>
18 This is some text.<br> 18 First column<br>
19 19 First column<br>
20 This is some text.<br> 20 First column<br>
21 This is some text.<br> 21 First column<br>
22 This is some text.<br> 22 First column<br>
23 This is some text.<br> 23 First column<br>
24 This is some text.<br> 24 First column<br>
25 This is some text.<br> 25 First column<br>
26 This is some text.<br> 26 First column<br>
27 27 <div style="-webkit-column-break-before: always">
28 <div style="-webkit-column-break-before: always"> 28 Second column<br>
29 This text should be in the second column.<br> 29 Second column<br>
30 This text should be in the second column.<br> 30 Second column<br>
31 This text should be in the second column.<br> 31 Second column<br>
32 This text should be in the second column.<br> 32 </div>
33 </div> 33 </div>
34 <div class="columns">
35 First column<br>
36 First column<br>
37 First column<br>
38 First column<br>
39 <div style="-webkit-column-break-before: always">
40 Second column<br>
41 Second column<br>
42 Second column<br>
43 Second column<br>
44 Second column<br>
45 Second column<br>
46 Second column<br>
47 Second column<br>
48 Second column<br>
49 Second column<br>
50 </div>
34 </div> 51 </div>
35
36 <div style="-webkit-margin-before:1em; -webkit-column-count:2; border:5px solid blue">
37
38 This text should be in the first column.<br>
39 This text should be in the first column.<br>
40 This text should be in the first column.<br>
41 This text should be in the first column.<br>
42
43 <div style="-webkit-column-break-before: always">
44 This is some text.<br>
45 This is some text.<br>
46 This is some text.<br>
47 This is some text.<br>
48 This is some text.<br>
49 This is some text.<br>
50 This is some text.<br>
51
52 This is some text.<br>
53 This is some text.<br>
54 This is some text.<br>
55 This is some text.<br>
56 This is some text.<br>
57 This is some text.<br>
58 This is some text.<br>
59
60 This is some text.<br>
61 This is some text.<br>
62 This is some text.<br>
63 This is some text.<br>
64 This is some text.<br>
65 This is some text.<br>
66 This is some text.<br>
67 </div>
68 </body>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698