layout/reftests/columns/column-box-alignment-rtl-3-ref.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<!doctype html>
<style>
* {
  margin: 0 0;
  padding: 0 0;
}

html {
  writing-mode: vertical-rl;
}

table {
  border: 1px solid;
  inline-size: 100%;
  font: 16px/1 sans-serif;
}

td {
  inline-size: 25%;
}
</style>
The first column should be aligned with the inline-end side of the block and the second column should be to its direct left (towards inline-start side).
<table cellspacing=0 cellpadding=0 style="direction:rtl; text-align:right;">
  <tr>
    <td>1st column</td>
    <td>2nd column</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>