title: How to set the layout="horizontal" inside for few <Form.Item> while keeping <Form layout="vertical"> in ant design
body: <p>I have a <code>&lt;Form&gt;</code> which has layout=&quot;vertical&quot; but inside this Form I want to set some items to have layout=&quot;horizontal&quot;.</p>
  <p>I tried  <code>&lt;Input.Group compact&gt;</code> which displayed <code>&lt;Form.Item&gt;</code> in the same row but I also want the label &quot;TestLabel&quot; of the <code>&lt;Form.Item&gt;</code> and <code>&lt;Input/&gt;</code> box in the single row.</p>
  <pre><code>           &lt;Form
              layout=&quot;vertical&quot;
              size=&quot;medium&quot;
             &gt;
                   &lt;Input.Group compact&gt;
                            &lt;Form.Item label={product.productName + &quot; : &quot;} /&gt;
                          &lt;Form.Item label={&quot;TestLabel&quot;} &gt;
                               &lt;Input /&gt;
                          &lt;/Form.Item&gt;
                   &lt;/Input.Group&gt;
            &lt;/Form&gt;
  </code></pre>
  <p>However &quot;TestLabel&quot; and Input box is aligned vertically but I want it horizontally aligned. I'm using React with Ant Design.</p>