I’m building my own survey form, however, I’m having issues understanding how the sample survey form did the formatting. Specifically, how did they center both the inputs and labels, and how did they align it in the center. Here is mine as an example.
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.
Thanks for the quick reply @nicknish! I think I might be asking something slightly different. In the example, it looks like they created two boxes, one for the labels (name, email, etc.) and another for the input boxes. They then justified the labels to the right, and the input boxes to the left.
My question is how did they get this “two column” setup? My labels/input boxes seem to move as one.
Thanks for the help here! I figured out my issue. I did have inline set, but the width percentage was set too high between my two columns, so they were overflowing to the next line. Using your trip with the setting the background colors of each div helped me see that. Thank you!