comparison: layout/reftests/columns/column-box-alignment-rtl.html
layout/reftests/columns/column-box-alignment-rtl.html
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
equal
deleted
inserted
replaced
|
1 <!doctype html> |
|
2 <style> |
|
3 * { |
|
4 margin: 0 0; |
|
5 padding: 0 0; |
|
6 } |
|
7 |
|
8 div { |
|
9 column-gap: 0; |
|
10 -moz-column-gap: 0; |
|
11 column-count: 4; |
|
12 -moz-column-count: 4; |
|
13 -webkit-column-count: 4; |
|
14 -o-column-count: 4; |
|
15 -ms-column-count: 4; |
|
16 } |
|
17 |
|
18 /* cosmetics */ |
|
19 div { |
|
20 border: 1px solid; |
|
21 } |
|
22 |
|
23 td { |
|
24 width: 25%; |
|
25 } |
|
26 </style> |
|
27 The first column should be aligned with the right side of the block and the second column should be to its direct left. |
|
28 <div style="direction:rtl; text-align:right;"> |
|
29 <p>1st column</p> |
|
30 <p>2nd column</p> |
|
31 </div> |