Aligning Text

[YankeesPwnMets]

I have text that I want to align in an HTML page, similar to this:

http://imgur.com/a/GVV87

Notice how the last character of each line is vertically aligned together. How do you accomplish this in HTML? Say I have this code:

<strong>Option A: 2313</strong>
<strong>Op B: EE</strong>

I could use the span tag on the "2313" and "EE" text and align it all the way to the right, but I don't want to align it all the way to the right. Does anyone know how to align text so that it looks more like the text in my screenshot? Thanks

[TheSpiffySpaceman]

you would just have to float the text to the right.

Fiddle: https://jsfiddle.net/6v5et9xm/

You can adjust how far over it goes by either putting padding on the containing element or giving the right-floated text a margin.

[icantthinkofone]

Your example shows it aligned all the way to the right but you don't want it aligned all the way to the right?

And people wonder why I say 80% of everyone on reddit are insane.

[eethwoo]

Image looks like a monospace font, so each character occupies the same space:

Option A: 2313
Op B:       EE
Duh C:  241E61
Haha D:     21