title: Make name appear on the same line nicely
body: <p>I am trying to place the firstname and the lastname on the same line.
  I looked over this question:</p>
  
  <p><a href="https://stackoverflow.com/questions/18470682/html-form-make-inputs-appear-on-the-same-line">html form - make inputs appear on the same line</a></p>
  
  <p>But because of my old css (used in app), the fields aren't correctly displayed. I need a little space between the two fields.
  I made a fiddle:</p>
  
  <p><a href="https://jsfiddle.net/up5bL2xn/" rel="nofollow noreferrer">https://jsfiddle.net/up5bL2xn/</a></p>
  
  <p>EDIT: My html code:</p>
  
  <pre><code> &lt;div class="parent-split-row"&gt;
    &lt;div class="child-split-row"&gt;
      &lt;label class="form-label"&gt;
        First Name
      &lt;/label&gt;
      &lt;input type="text"
        id="js-input-first-name"
        name="first_name"
        class="form-input"
        value="{{ form.first_name.vars.value|default }}"
        placeholder="First Name"
        onkeyup="VALIDATIONS.onKeyUp('js-coach-license-registration-form','js-input-first-name')"
        onmouseup="VALIDATIONS.onMouseUp('js-coach-license-registration-form','js-input-first-name')"
        autofocus&gt;
      &lt;div id="js-input-first-name__error"
        class="form-validation"&gt;
        Please fill in your First Name
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="child-split-row"&gt;
      &lt;label class="form-label"&gt;
        Last Name
      &lt;/label&gt;
      &lt;input type="text"
        id="js-input-last-name"
        name="last_name"
        class="form-input"
        value="{{ form.last_name.vars.value|default }}"
        placeholder="Last Name"
        onkeyup="VALIDATIONS.onKeyUp('js-coach-license-registration-form','js-input-last-name')"
        onmouseup="VALIDATIONS.onMouseUp('js-coach-license-registration-form','js-input-last-name')"
        autofocus&gt;
      &lt;div id="js-input-last-name__error"
        class="form-validation"&gt;
        Please fill in your Last Name
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Your help would be appreciated.
  Thank you.</p>