title: Issue to vertically align text within a DIV
body: <p>Hello would you know why vertical alignment (text within the 4 dark DIVs) does not work in my case despite <code>vertical-align: middle;</code> and <code>display: table-cell;</code> Thanks <a href="http://jsfiddle.net/ymE8R/1/" rel="nofollow">http://jsfiddle.net/ymE8R/1/</a></p>
  
  <pre><code>.block {
      background: red;
      width:90%;
      Height: 200px;
  }
  .col1, .col2, .col3, .col4 {
      float: left;
      width: 25%;
      background: red;
      text-align: center;
      font-size: 12px;
      color: #fff;
      font-weight: 300;
      height: 24px;
      vertical-align: middle;
      display: table-cell;
  }
  </code></pre>