title: My div will not center
body: <p>I am trying to center everything on my page, everything is centered except the div I created. I don't know why. Here is my HTML:</p>
  
  <pre><code>&lt;section&gt;
      &lt;div id="mydiv3"&gt;
          Get in Contact with the links below!
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>and here is the css:</p>
  
  <pre><code>section{
      font-family: Helvetica, Arial, sans-serif; text-align:center;
  }
  
  #mydiv3{
      text-align:center;
      width: 200px;
      border-style:outset;
      border-width: 8px;
  }
  </code></pre>
  
  <p>the div I am having problem with is called mydiv3.</p>