title: Reposition an embedded Facebook video?
body: <p>Sorry if this is a bit obvious, I'm just beginning with HTML. I have embedded a Facebook video on to my website, and I'm able to adjust the width, height, etc. However, I cannot reposition it. Align center doesn't work, but align right does. I want to position it in percentages (e.g. top: 20%;, left: 20%) I tried putting the embed code in a div and using CSS to give it the positions, but it didn't do anything. Can anyone help?</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="video1"&gt;
     &lt;iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2F1255124634539700%2Fvideos%2F1623012424417584%2F&amp;show_text=0&amp;width=560" width="560" height="315" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.video1{
      top: 30%
      left: 35%;
      z-index: 999;
      position: absolute;
  }
  </code></pre>