title: Placing videos next to each other using a table
body: <p>I need my videos to be next to each other horizontally. This is my HTML code</p>
  
  <pre><code>&lt;div id="videoal"&gt;
  &lt;table&gt;
  &lt;tr&gt;&lt;td&gt;
    &lt;video width="200" height="200" controls&gt;
      &lt;source src="Videos.mp4" type="video/mp4"&gt;
      &lt;source src="Videos.ogg" type="video/ogg"&gt;
    &lt;/video&gt;
    &lt;/td&gt;&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;
    &lt;video width="200" height="200" controls&gt;
      &lt;source src="Video.mp4" type="video/mp4"&gt;
      &lt;source src="Video.ogg" type="video/ogg"&gt;
    &lt;/video&gt;
    &lt;/td&gt;&lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The videos appear under each other in my webpage (vertical)</p>
  
  <p>This is my CSS code</p>
  
  <pre><code>#videoal video
  {
    margin: 30px 0px 0px 20px;
    float: left;
   }
   #videoal
   {
    margin: 50px 20px 10px 20px; /*TRBL*/
    width: 300px;
    }
  </code></pre>