Layout of multiple choice questions not well aligned

It is most easy to reproduce this if you create a multiple choice question with

• At least 13 choices
• Have each choice start with a letter like D with a nice straight edge on the left.
• Set the 'Number the choices?' option to 'a., b., ...' - or, a question with slighly fewer choices, and use one of the Roman numeral options.

(See attached XML file, which has some example questions you can use to test this.)

The left hand side of each of the choices are not lined up:

So, currently we have (using the roman numeral case because it is more extreme)

i. Some text which

   wraps

ii. More text which

    wraps

iii. And a third

     one.

I wonder if we could achieve this:

i.  Some text which

    wraps

ii. More text which

    wraps

iii. And a third

    one.

So, what I am suggesting is that we align everything at a fixed indent which should make space for most numbers, but for very long numbers, they indent the first line. (Acutally, no I don't think that is possible, becuase the label may include block tags like <p> or <div>.)

Basically, on the number, put a min-width: 2em, or something.

Also, note we have quite a lot of history of regressions here. I will link other recent fixes. We need to make sure not to regress them.