<!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>