| <!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. </span>foo<br> |
| <span>2. </span>bar |
| </p> |
| <p> |
| <span>א. </span>foo<br> |
| <span>ב. </span>bar |
| </p> |
| <p> |
| <span>一、</span>foo<br> |
| <span>二、</span>bar |
| </p> |
| <p> |
| <span>일, </span>foo<br> |
| <span>이, </span>bar |
| </p> |
| <p dir="rtl"> |
| <span>1. </span>foo<br> |
| <span>2. </span>bar |
| </p> |
| <p dir="rtl"> |
| <span>א. </span>foo<br> |
| <span>ב. </span>bar |
| </p> |
| </div> |
