counter-suffix-ref.html (812B)
1 <!DOCTYPE html> 2 <style> 3 p, span { margin: 0; padding: 0; line-height: 150%; } 4 #wrapper { width: 10em; } 5 span { 6 display: inline-block; 7 width: 3em; 8 text-align: end; 9 box-sizing: border-box; 10 font-variant-numeric: tabular-nums; 11 } 12 </style> 13 <div id="wrapper"> 14 <p> 15 <span>1. </span>foo<br> 16 <span>2. </span>bar 17 </p> 18 <p> 19 <span>א. </span>foo<br> 20 <span>ב. </span>bar 21 </p> 22 <p> 23 <span>一、</span>foo<br> 24 <span>二、</span>bar 25 </p> 26 <p> 27 <span>일, </span>foo<br> 28 <span>이, </span>bar 29 </p> 30 <p dir="rtl"> 31 <span>1. </span>foo<br> 32 <span>2. </span>bar 33 </p> 34 <p dir="rtl"> 35 <span>א. </span>foo<br> 36 <span>ב. </span>bar 37 </p> 38 </div>