title: Vertical align seems not in-effect
body: <p>There are couple of 's in a table whose data length varies from little to very lengthy. I have added overflow scrollbar to my needs. And I am able to left align  contents but for some reason I am unable to vertically center align them.</p>
  <p>Please help how I could achieve vertical center alignment, plus retain the overflow scroll. Thanks in advance.</p>
  <p>Below is sample table data as I cannot use my whole lenghty table.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;title&gt;Table TD with Overflow&lt;/title&gt;
      &lt;style&gt;
          table tr td {
              font-family: Courier, &quot;Courier New&quot;, Georgia, sans-serif;
              border: 1px solid black;
              text-align: left;
              width: 25%; 
          }
          div {
                background-color: lightblue;
                width: 100%;
                height: 100px;
                overflow: auto;
              vertical-align: middle;
              text-align: left;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;div&gt;
              aa&lt;br&gt;  aaaa&lt;br&gt;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;col2&lt;/td&gt;
          &lt;td&gt;col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;&lt;div&gt;
              a&lt;br&gt;  aa&lt;br&gt;  aaa&lt;br&gt;  aaaa&lt;br&gt;&lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;col2&lt;/td&gt;
          &lt;td&gt;col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div&gt;
                  a&lt;br&gt;  aa&lt;br&gt;  aaa&lt;br&gt;  aaaa&lt;br&gt;  aaaaa&lt;br&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;col2&lt;/td&gt;
          &lt;td&gt;col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div&gt;
                  a&lt;br&gt;  aa&lt;br&gt;  aaa&lt;br&gt;  aaaa&lt;br&gt;  aaaaa&lt;br&gt;  aaaaaa&lt;br&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;col2&lt;/td&gt;
          &lt;td&gt;col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div&gt;
                  a&lt;br&gt;  aa&lt;br&gt;  aaa&lt;br&gt;  aaaa&lt;br&gt;  aaaaa&lt;br&gt;  aaaaaaa&lt;br&gt;  aaaaaaaa&lt;br&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;col2&lt;/td&gt;
          &lt;td&gt;col3&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div&gt;
                  a&lt;br&gt;  aa&lt;br&gt;  aaa&lt;br&gt;  aaaa&lt;br&gt;  aaaaa&lt;br&gt;  aaaaaa&lt;br&gt;  aaaaaaa&lt;br&gt;  aaaaaaaa&lt;br&gt;  aaaaaaaaa&lt;br&gt;
              &lt;/div&gt;
          &lt;/td&gt;
          &lt;td&gt;col2&lt;/td&gt;
          &lt;td&gt;col3&lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>