title: Displaying elements inline with HTML?
body: <p>I am trying to create a web application and in it I want these two fields to display inline(check the Image below). Now the BugID is an <code>&lt;input&gt;</code> element and the Description is a <code>&lt;textarea&gt;</code>. Currently I have this:</p>
  
  <pre><code>&lt;div class="some"&gt;
    &lt;h3 id="title1"&gt;Bug ID:&lt;span class="required"&gt;*&lt;/span&gt;&lt;/h3&gt;
    &lt;h3 id="title"&gt;Enter Description:&lt;span class="required"&gt;*&lt;/span&gt;&lt;/h3&gt;
    &lt;br/&gt;
    &lt;div class="inputs"&gt;
    &lt;input size="8" maxlength="8" name="BugID" type="text" id="BugID" placeholder="Bug ID" style="width:100px" /&gt;
    &lt;textarea rows="5" id="Summary" name="summary" placeholder="Please Enter a Summary of the Bug" &gt;&lt;/textarea&gt;
     &lt;/div&gt;
     &lt;/div&gt;
  </code></pre>
  
  <p>And the CSS:</p>
  
  <pre><code>.inputs input, textarea{
        display:inline;
  }
  </code></pre>
  
  <p>Is this wrong? How should I be doing this?</p>
  
  <p><img src="https://i.stack.imgur.com/1Qvhp.png" alt="Current Implementation"></p>