title: My <div> is sticking to the corner
body: <p>Here is my relevant code for the <code>#blogtitle</code> element:</p>
  
  <pre><code>#blogtitle{
   width: 125px;
   height: 150px;
   background: #883322;
   font-family: Georgia;
   font-size: 1.5em;
   display: table-cell;
   vertical-align: middle;
   padding-left: 25px;
   margin: 10px;
  }
  
  #blogtitle a{
   color: #ffffff;
   text-decoration: none;
  }
  
  #blogtitle a:hover{
   text-decoration: underline;
  }
  </code></pre>
  
  <p>...</p>
  
  <pre><code>&lt;div id="blogtitle"&gt;
   &lt;a href="#"&gt;fdsfdj&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I make a webpage with nothing but the <code>div</code> and <code>a</code> on it, it sticks to the corner, even though I have set <code>margin: 10px</code>.</p>
  
  <p>What am I doing wrong?</p>