title: Force fields to display on the same line
body: <p>I have two input fields which I would like to be rendered on the same line. For the moment, they look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/6ZKUf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6ZKUf.png" alt="enter image description here"></a></p>
  
  <p>I looked at other questions such as this one:
  <a href="https://stackoverflow.com/questions/9067892/how-to-align-two-elements-on-the-same-line-without-changing-html">How to align two elements on the same line without changing HTML</a>.
  Therefore, I tried using <code>{display:'inline-block'}</code> and <code>'margin-right:10px'</code> in my code.</p>
  
  <p>However, the elements still do not appear in the same line.</p>
  
  <p>My full code:</p>
  
  <pre><code>  &lt;div style={{display:'inline-block'}}&gt;
                                  &lt;div className="form-group" style={{display:'margin-right:10px'}}&gt;
                                      &lt;label&gt;Category&lt;/label&gt;
                                      &lt;br/&gt;
                                      &lt;select className="form-control" value={this.state.selectCategoryValue} onChange={this.handleSelectCat}&gt;
                                          &lt;option value="defaultCategory" disabled selected&gt;&lt;/option&gt;
                                          {categoryDesc}
                                      &lt;/select&gt;
                                  &lt;/div&gt;
                                  {this.state.categorySelected
                                      ?
                                      &lt;div className="form-group" style={{display:'inline-block'}}&gt;
                                          &lt;label&gt;Classification&lt;/label&gt;
                                          &lt;br/&gt;
                                          &lt;select className="form-control" value={this.state.selectClassificationValue} onChange={this.handleSelectClass}&gt;
                                              &lt;option value="defaultClassification" disabled selected&gt;&lt;/option&gt;
                                              {this.state.classificationDesc}
                                          &lt;/select&gt;
                                      &lt;/div&gt;
                                      :
                                      null
                                  }
                              &lt;/div&gt;
  </code></pre>
  
  <p>How can I put the components on the same line?</p>