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