testing/web-platform/tests/css/css-counter-styles/counter-suffix-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
31
32
33
34
35
36
37
38

<!DOCTYPE html>
<style>
  p, span { margin: 0; padding: 0; line-height: 150%; }
  #wrapper { width: 10em; }
  span {
    display: inline-block;
    width: 3em;
    text-align: end;
    box-sizing: border-box;
    font-variant-numeric: tabular-nums;
  }
</style>
<div id="wrapper">
  <p>
    <span>1.&nbsp;</span>foo<br>
    <span>2.&nbsp;</span>bar
  </p>
  <p>
    <span>&#x5d0;.&nbsp;</span>foo<br>
    <span>&#x5d1;.&nbsp;</span>bar
  </p>
  <p>
    <span>&#x4e00;&#x3001;</span>foo<br>
    <span>&#x4e8c;&#x3001;</span>bar
  </p>
  <p>
    <span>&#xc77c;,&nbsp;</span>foo<br>
    <span>&#xc774;,&nbsp;</span>bar
  </p>
  <p dir="rtl">
    <span>1.&nbsp;</span>foo<br>
    <span>2.&nbsp;</span>bar
  </p>
  <p dir="rtl">
    <span>&#x5d0;.&nbsp;</span>foo<br>
    <span>&#x5d1;.&nbsp;</span>bar
  </p>
</div>