title: How to vertically center a <span> inside a div?
body: <p>The code:</p>
  
  <pre><code>&lt;div 
    id="theMainDiv"
    style="
      border:solid 1px gray;
      cursor:text;
      width:400px;
      padding:0px;"
  &gt;
    &lt;span 
      id="tag1_outer" 
      style="
        background:#e2e6f0;
        padding-right:4px;
        padding-left:4px;
        border:solid 1px #9daccc;
        font:normal 11px arial;
        color:#3c3c3c"
    &gt;as&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As it renders now, the span is align the bottom-left corner of the div.</p>