<!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>&Tab;X<span>Y</span></div>
  <div><span>12345678</span>&Tab;X<span>Y</span></div>
</div>
<div style="font-family: Consolas, monospace">
  <div>1<span>2345678</span>&Tab;X<span>Y</span></div>
  <div><span>12345678</span>&Tab;X<span>Y</span></div>
</div>
<div style="font-family: 'Liberation Mono', monospace">
  <div>1<span>2345678</span>&Tab;X<span>Y</span></div>
  <div><span>12345678</span>&Tab;X<span>Y</span></div>
</div>
<div style="font-family: Menlo, monospace">
  <div>1<span>2345678</span>&Tab;X<span>Y</span></div>
  <div><span>12345678</span>&Tab;X<span>Y</span></div>
</div>
<div style="font-family: Courier, monospace">
  <div>1<span>2345678</span>&Tab;X<span>Y</span></div>
  <div><span>12345678</span>&Tab;X<span>Y</span></div>
</div>
</body>