There are only two ways to "line things up":
1) You need to specify the font: you need a "non-proportional" font - which means all teh characters are the same width. So "i" is the same as "W". Courier is a good choice, and it's on most systems.
2) You need to be able to specify tab points in non-character increments: pixels perhaps, or millimeters. This is harder, as it depends on teh application.
Me? I'd use Courier!
The HTML for that would be:
Normal <span><FONT FACE= "Courier New">Courier</span>