gecko/layout/reftests/columns/column-box-alignment-rtl.html

32 lines
541 B
HTML
Raw Normal View History

<!doctype html>
<style>
* {
margin: 0 0;
padding: 0 0;
}
div {
column-gap: 0;
-moz-column-gap: 0;
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
-o-column-count: 4;
-ms-column-count: 4;
}
/* cosmetics */
div {
border: 1px solid;
}
td {
width: 25%;
}
</style>
The first column should be aligned with the right side of the block and the second column should be to its direct left.
<div style="direction:rtl; text-align:right;">
<p>1st column</p>
<p>2nd column</p>
</div>