Need suggestions for aligning field Display Text on a form

Here's a simple form in the browser and in Composer.  We would like to align the text of the first letter of the Display Text text.  Is there an easy way to do that?  I hesitate trying to use a lot of obscure CSS and HTML in "Display Text" because I don't know what that will do elsewhere (if anything.  What would it do?).

By the way ... this is a "Responsive" style form -- not "Standard".

Here's what it looks like in the Composer Preview.  Notice that the first characters of the text don't align between the single-digit item numbers and the 2 digit item numbers.  We want the text to align vertically irrelevant of line numbers.

 

V3-Check Ride Transition-Update - Tabs, Radio Btns.Preview.png

 

Here's what it looks like in Composer.  We have " " HTML character entities to give us extra space.  I don't want to play with using " ", " " and " " to attempt alignment with a variable width font.  Is there a way to do this?

 

V3-Check Ride Transition-Update - Tabs, Radio Btns.Composer.png

Parents Reply Children