title: Display form fields on same line
body: <p>I am trying to get my select form fields all on the same line. Below is my code. i have tried adding <code>display:inline;</code> to both the select and the label, but it doesn't seem to change anything. </p>
  
  <p>HTML: </p>
  
  <pre><code>   &lt;form id ="myform1"&gt;
     &lt;label for='orgUnit'&gt;Organization Unit&lt;/label&gt;
     &lt;select name="orgUnit" id="orgUnit"&gt;
          &lt;option value="Select"&gt;Please Select an option&lt;/option&gt;
          &lt;/select&gt;
      &lt;label for ='org'&gt;Organization&lt;/label&gt;
      &lt;select name="org" id="org"&gt;
          &lt;option value="Select"&gt;Please Select an option&lt;/option&gt;
          &lt;/select&gt;
      &lt;label for ="bu"&gt;Business Unit&lt;/label&gt;
      &lt;select name="bu" id="bu"&gt;
          &lt;option value="Select"&gt;Please Select an option&lt;/option&gt;
          &lt;/select&gt;
  &lt;label for ="department"&gt;Department&lt;/label&gt;
  &lt;select name="department" id="department"&gt;
          &lt;option value="Select"&gt;Please Select an option&lt;/option&gt;
          &lt;/select&gt;
      &lt;input type="hidden" name="buID" id="buID" &gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>select {
  
  width: 175px;
  }
  
  label {
  width:130px;
  text-align:right;
  padding-right:10px;
  }
  </code></pre>
  
  <p>So I added the for attribute and removed the br tags but now it looks like this. </p>
  
  <p><a href="https://i.stack.imgur.com/9YCKG.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9YCKG.png" alt="currentlook"></a></p>
  
  <p>Sorry, found the answer, I had some more CSS that caused the labels to float and look like they do in the image. </p>