title: How to resolve text alignment issue in AntD form
body: <p>I have an AntD Modal which has a Form that I'm struggling to align some text on. Here is what it looks like with the text highlighted in yellow. I would like it to be aligned with the first column where I've drawn the red box.</p>
  <p><a href="https://i.stack.imgur.com/vc0Qy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vc0Qy.png" alt="enter image description here" /></a></p>
  <p>The section of code that contains the &quot;personal information&quot; text and the applicant form fields looks like this:</p>
  <pre><code>  &lt;Form
      ref={this.formRef}
      {...formItemLayoutWithOutLabel}
      onFinish={onFinish}
      id=&quot;myForm&quot;
      validateMessages={validateMessages}
      initialValues={{ applicants: [{ firstName: '' }] }}
    &gt;
      {
        &lt;Form.List name=&quot;applicants&quot;&gt;
          {(fields, { add, remove }) =&gt; {
            return (
              &lt;div&gt;
                &lt;Form.Item {...formItemLayout}}&gt;
                  &lt;Row&gt;
                    &lt;Col span={24}&gt;
                      Personal Information
                    &lt;/Col&gt;
                  &lt;/Row&gt;
                &lt;/Form.Item&gt;
                {fields.map((field, index) =&gt; (
                  &lt;Form.Item {...formItemLayout} label={`Applicant #${index + 1}`} key={field.key}&gt;
                    &lt;Row key={field.key} gutter={[0, 8]} justify=&quot;start&quot;&gt;
                      &lt;Col span={12}&gt;
                        &lt;Row gutter={[4, 4]}&gt;
                          &lt;Col span={7}&gt;
                            &lt;Form.Item name={[field.name, 'firstName']} fieldKey={[field.fieldKey, 'firstName']} rules={rules}&gt;
                              &lt;Input placeholder=&quot;First Name&quot; ref={this.inputRef} /&gt;
                            &lt;/Form.Item&gt;
                          &lt;/Col&gt;
  </code></pre>
  <p>I thought perhaps if I set the label to a blank space it'd accomplish what I want on the form item and it does, but of course, the colon remains which I don't want. So I'm guessing this is not the right way to accomplish this and perhaps there's a better CSS route to go or something.</p>
  <p><a href="https://i.stack.imgur.com/HcZSj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/HcZSj.png" alt="enter image description here" /></a></p>
  <p>I'm looking for help on how to get the alignment that I want. Ultimately I'd also like to put &quot;Employer Information&quot; aligned with the right column over the employer information as well.</p>
  <p>EDIT #1</p>
  <p>Adding a simplified codesandbox of this problem here. Appreciate any ideas!</p>
  <p><a href="https://codesandbox.io/s/antd-text-alignment-problem-ruexw?file=/src/MyForm.js" rel="nofollow noreferrer">CodeSandBox</a></p>