title: How to set div block 'vertical-align:bottom' on the image
body: <p>How to set div block vertical-align:bottom?
  (The div block should be over the image.)</p>
  
  <pre><code>.block{
      background-color:#999999;
      width:480px;height:100px;
  
      position:absolute;
  
      display: table-cell;
      vertical-align:bottom;
      }
  
  
  &lt;div style="display: table; height: 480px; position: relative; overflow: hidden;"&gt;
      &lt;div class="block"&gt;This is the text.&lt;/div&gt;
      &lt;img src="image.jpg" width="480" height="480"/&gt;
  &lt;/div&gt;
  </code></pre>