title: Embed an responsive youtube iframe to center of an page
body: <p>Below is my code, i am trying to center an iframe , but its always going to left !Here is fiddle <a href="http://jsfiddle.net/4yL4od8j/" rel="nofollow">http://jsfiddle.net/4yL4od8j/</a></p>
  
  <pre><code>.videowrapper { 
  text-align : center;
      float: none;
      clear: both;
      width: 100%;
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 25px;
      height: 0;
  }
  .videowrapper iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  max-width: 700px;
  max-height: 400px;
  }
  </code></pre>
  
  <p>my html</p>
  
  <pre><code>     &lt;center&gt; &lt;div class="videowrapper "&gt;&lt;iframe src="http://www.youtube.com/embed/VA770wpLX-Q?&amp;rel=0&amp;theme=light&amp;autohide=1&amp;color=white" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/a&gt;&lt;/div&gt;&lt;/center&gt;
  </code></pre>