title: Having a P and Select tag on the same line
body: <p>I want to have a <code>&lt;p&gt;</code> tag and <code>&lt;select&gt;</code> to be on the same line. </p>
  
  <p>Everything I've tried so far hasn't worked. Below is what I currently have</p>
  
  <pre><code>&lt;style type="text/css"&gt;
              #platformRating select,
              #platformRating p {
                  display: inline;
                  vertical-align: top;
                  line-height: 28px;
              }
          &lt;/style&gt;
  &lt;div style="float: left; margin-left: 10px;"&gt;
          &lt;div id="platformRating"&gt;
              &lt;p&gt;Platform:&lt;/p&gt;
              &lt;select id="cboPlatform" name="cboPlatform"&gt;
                  &lt;option&gt;General&lt;/option&gt;
                  &lt;option&gt;Android&lt;/option&gt;
                  &lt;option&gt;Windows&lt;/option&gt;
                  &lt;option&gt;Web Service&lt;/option&gt;
              &lt;/select&gt;
          &lt;/div&gt;
          &lt;textarea id="txtRatingDescription" name="txtRatingDescription" placeholder="Enter your comment here"&gt;&lt;/textarea&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Obviously the style section is within the <code>&lt;head&gt;</code> of the document and the rest is in the <code>&lt;body&gt;</code>. </p>
  
  <p>The <code>&lt;p&gt;platform&lt;/p&gt;</code> and the <code>&lt;select&gt;</code> on the same line and then the text area is underneath, however, each element is on a new line which I don't want, so how would I resolve this?</p>
  
  <h2>Update</h2>
  
  <p>I've found that @Nit's answer is correct except I have a small problem which I forgot about which is causing Nit's answer to not work. </p>
  
  <p>In my stylesheet I have the following CSS for my <code>select</code> inputs. </p>
  
  <pre><code>select
  {
      display: block;
      margin: 0;
      width: 100%;
      height: 44px;
      appearance: none;
      font-size: 18px;
      font-family: sans-serif;
      transition: all .2s ease-in-out;
  }
  </code></pre>
  
  <p>The style above is for my whole site, however this select box I am trying to add I don't want to follow the rest of the site, I want it to be different. So this select styling to my stylesheet is causing it to not display on the same line. If I remove this, then its displayed on the same line. Can I add a class to this one select to make it work with this style that I want?</p>