OLD | NEW |
---|---|
1 <p style="-webkit-column-count:3; -webkit-column-rule:3px solid black; column-co unt:3; column-rule:3px solid black; column-fill:auto; height:100px; border:10px solid maroon; padding:20px;"> | 1 <!DOCTYPE html> |
mstensho (USE GERRIT)
2014/10/20 21:42:31
I think we should keep the padding. It's interesti
andersr
2014/10/21 12:33:35
Done.
| |
2 This is some column text.<br> | 2 <style> |
3 This is some column text.<br> | 3 .columns { |
4 This is some column text.<br> | 4 -webkit-column-count: 3; |
5 This is some column text.<br> | 5 -webkit-column-rule: 2px solid black; |
6 This is some column text.<br> | 6 -webkit-column-gap: 20px; |
7 This is some column text.<br> | 7 column-count: 3; |
8 This is some column text.<br> | 8 column-rule: 2px solid black; |
9 This is some column text.<br> | 9 column-gap: 20px; |
10 This is some column text.<br> | 10 column-fill: auto; |
11 This is some column text.<br> | 11 width: 340px; |
12 This is some column text.<br> | 12 height: 100px; |
13 This is some column text.<br> | 13 border: 10px solid maroon; |
14 This is some column text.<br> | 14 margin-bottom: 1em; |
15 </p> | 15 line-height: 20px; |
16 } | |
17 </style> | |
18 <div class="columns"> | |
19 Column text.<br> | |
20 Column text.<br> | |
21 Column text.<br> | |
22 Column text.<br> | |
23 Column text.<br> | |
24 Column text.<br> | |
25 Column text.<br> | |
26 Column text.<br> | |
27 Column text.<br> | |
28 Column text.<br> | |
29 Column text.<br> | |
30 Column text.<br> | |
31 </div> | |
16 | 32 |
17 <p style="-webkit-column-count:3; -webkit-column-rule:3px solid black; column-co unt:3; column-rule:3px solid black; column-fill:auto; height:100px;border:10px s olid maroon; padding:20px; direction:rtl"> | 33 <div class="columns" style="direction:rtl;"> |
18 This is some column text.<br> | 34 Column text.<br> |
19 This is some column text.<br> | 35 Column text.<br> |
20 This is some column text.<br> | 36 Column text.<br> |
21 This is some column text.<br> | 37 Column text.<br> |
22 This is some column text.<br> | 38 Column text.<br> |
23 This is some column text.<br> | 39 Column text.<br> |
24 This is some column text.<br> | 40 Column text.<br> |
25 This is some column text.<br> | 41 Column text.<br> |
26 This is some column text.<br> | 42 Column text.<br> |
27 This is some column text.<br> | 43 Column text.<br> |
28 This is some column text.<br> | 44 Column text.<br> |
29 This is some column text.<br> | 45 Column text.<br> |
30 This is some column text.<br> | 46 </div> |
31 </p> | |
OLD | NEW |