title: How to place two input fields side by side in react
body: <p>I have 3 input fields, the first one I want by itself, but the next two I need side by side. So far I tried to add a className row to the ones that need to be side by side, but they still show up below each other</p>
  <pre><code> {pillTabs.selected === 4 &amp;&amp; (
                  &lt;div&gt;
                     &lt;div className=&quot;row&quot;&gt; //need the ones in this div side by side
                     &lt;Input
                      label=&quot;Name&quot;
                      type=&quot;text&quot;
                      placeholder=&quot;Enter name&quot;
                      inputId=&quot;basicInput&quot;
                      value={name}
                      onChange={e =&gt; this.setState({ name: e.target.value })}
                    &gt;&lt;/Input&gt;
                    &lt;Input
                      label=&quot;Label&quot;
                      type=&quot;text&quot;
                      placeholder=&quot;Enter label&quot;
                      inputId=&quot;basicInput&quot;
                      value={name}
                      onChange={e =&gt; this.setState({ name: e.target.value })}
                    &gt;&lt;/Input&gt;
                     &lt;/div&gt;
                  &lt;/div&gt;
                    )}
  </code></pre>
  <p>Is it possible to get them side by side without using an external library like bootstrap?</p>