title: How to center HTML5 Videos?
body: <p>I'm just messing around with some HTML5, and I was trying to center a video on the page. For some reason I can't get it to center. I've tried to add a class to the video tag itself, and I've wrapped the video in a separate <code>div</code>. However, the video stays on the left.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Test&lt;/title&gt;
      &lt;script type="text/css"&gt;
      .center {
        margin: 0 auto;
      }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class="center"&gt;
        &lt;video controls="controls"&gt;
          &lt;source src="/media/MVI_2563.ogg" type="video/ogg" /&gt;
          Your browser does not support the video tag.
        &lt;/video&gt;
      &lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I know this must be something I'm overlooking in the wee hours of the morning, but any help would be appreciated. </p>
  
  <p>Thanks</p>