title: Centering embedded pdf in a div
body: <p>Having a bit of trouble centering an embedded pdf within a div.  </p>
  
  <p>This is my HTML code snippet.</p>
  
  <pre><code>&lt;div id="splash"&gt;
      &lt;div class="post"&gt;
      &lt;h2&gt;Heading &lt;/h2&gt;
          &lt;p&gt;&lt;embed src="images/dop.pdf" ALIGN=CENTER width="820" height="375"&gt;&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here's the relevant CSS from my style.css file:</p>
  
  <pre><code>#splash {
  padding: 40px;
  position: relative;
  background: #FFF;
  margin: 20px 0 0 0;
  height: 300px;
  width: 1100px;
  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
  }
  
  .post {
  
  margin-left: auto ;
  margin-right: auto ;
  }
  
  p {
  margin-bottom: 1.75em;
  margin-left: auto ;
  margin-right: auto ;    
  }
  </code></pre>
  
  <p>To my knowledge, setting the margin-left and margin-right to auto should center what's in the div in either the <code>post</code> class or the <code>&lt;p&gt;</code> tag.  So why is the .pdf is staying on the left?</p>