title: css - Make two <section> tags side by side
body: <p>My current code is this:</p>
  
  <pre><code>&lt;section&gt;&lt;iframe id="frame1" width="675" height="380" src="http://www.youtube.com/embed/hmAFhsxWhdY" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/section&gt;
  &lt;section&gt;&lt;textarea rows="24" cols="25" id="desc" width="200" height="478"&gt;Text here&lt;/textarea&gt;&lt;/section&gt;
  </code></pre>
  
  <p>My assignment requires me to use the section tag on both the iframe and the textarea, but I need them to line up side by side. When I take they section tags away, they line up perfectly, but I need to keep the section tags. How do I get this to line up like 2 columns but still keep the tags?</p>