OLD | NEW |
---|---|
(Empty) | |
1 <!DOCTYPE html> | |
2 <style> | |
3 .columns { | |
4 -webkit-columns: 2; | |
5 -webkit-column-gap: 0; | |
6 column-fill: auto; | |
7 border: 2px solid black; | |
8 height: 400px; | |
9 line-height: 20px; | |
10 } | |
11 .big { | |
12 font-size: 128px; | |
13 line-height: initial; | |
mstensho (USE GERRIT)
2014/11/04 21:29:42
Some explicit line-height here would be nice too.
andersr
2014/11/05 15:01:29
Done.
| |
14 } | |
15 .left { float: left; } | |
16 </style> | |
17 <p>There should be a big T in the second column.</p> | |
18 <div class="columns"> | |
19 This is some text.<br> | |
20 This is some text.<br> | |
21 This is some text.<br> | |
22 This is some text.<br> | |
23 This is some text.<br> | |
24 This is some text.<br> | |
25 This is some text.<br> | |
26 This is some text.<br> | |
27 This is some text.<br> | |
28 This is some text.<br> | |
29 This is some text.<br> | |
30 This is some text.<br> | |
31 This is some text.<br> | |
32 This is some text.<br> | |
33 This is some text.<br> | |
34 <p> | |
35 <span class="big left">T</span>his is some text.<br> | |
36 This is some text.<br> | |
37 This is some text.<br> | |
38 This is some text.<br> | |
39 This is some text.<br> | |
40 This is some text.<br> | |
41 This is some text.<br> | |
42 This is some text.<br> | |
43 This is some text.<br> | |
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 </p> | |
49 </div> | |
OLD | NEW |