Survey Form: Aligning Input Boxes

HTML-CSS
6

First of all, do not style using id’s, instead use .class so that you can duplicate it.

Now wrap the <label> and <input> with a <div>

<div class="outer">
    <div>
       LABEL
    </div>
    <div>
       INPUT
    </div>
</div>

Do the above for each label and its corresponding input’s

Give .outer a full 100% width and give label and input 50% width

NOTE: Use class names not Id’s

1 Like