<!DOCTYPE html>
<style>
div > div {
white-space: pre;
font-size: 12px;
tab-size: 8;
}
</style>
<body>
<div style="font-family: monospace">
<div>1<span>2345678</span>	X<span>Y</span></div>
<div><span>12345678</span>	X<span>Y</span></div>
</div>
<div style="font-family: Consolas, monospace">
<div>1<span>2345678</span>	X<span>Y</span></div>
<div><span>12345678</span>	X<span>Y</span></div>
</div>
<div style="font-family: 'Liberation Mono', monospace">
<div>1<span>2345678</span>	X<span>Y</span></div>
<div><span>12345678</span>	X<span>Y</span></div>
</div>
<div style="font-family: Menlo, monospace">
<div>1<span>2345678</span>	X<span>Y</span></div>
<div><span>12345678</span>	X<span>Y</span></div>
</div>
<div style="font-family: Courier, monospace">
<div>1<span>2345678</span>	X<span>Y</span></div>
<div><span>12345678</span>	X<span>Y</span></div>
</div>
</body>
