title: CSS vertical-align not working for certain rows/columns of the table
body: <p>hi I have been trying table attributes and one of them was valign. But I stumbled with some cells not getting affected by it, so I tried CSS vertical-align and now I stumbled with some cells getting affected and some that are not. I did notice that cells with enough rowspan get affected. The padding is quite abnormal with this sample because I was testing whether or not the cells that did not get affected did not have enough space.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.time-col {
      background-color: gold;
      color: maroon;
  }
  .day-cols {
      color: red;
      text-align: right;
      padding: 10px;
      background-color: yellow;
  }
  
  .six-am {
      background-color: blue;
      color: white;
  
      
      
  }
  
  td  {
      padding: 100px;
      vertical-align: bottom;
  
  
  }
  
  .seven-am {
      background-color: lightblue;
      color: yellow;
  }
  
  .eight-am {
      background-color: pink;
      color: red;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;table border="4" frame="box" rules="all" style="text-align: center" summary="A table showing the broadcast schedule of news." cellpadding="20px" cellspacing="5px" width="1000" height="100" &gt;
          &lt;caption&gt;All times listed in central time&lt;/caption&gt;
          &lt;colgroup&gt;
              &lt;col class="time-col"&gt;
              &lt;col class="day-cols" span="7"&gt;
          &lt;/colgroup&gt;
  
          &lt;thead&gt;
              &lt;tr&gt;
              &lt;th&gt;Time&lt;/th&gt;
              &lt;th&gt;Monday&lt;/th&gt;
              &lt;th&gt;Tuesday&lt;/th&gt;
              &lt;th&gt;Wednesday&lt;/th&gt;
              &lt;th&gt;Thursday&lt;/th&gt;
              &lt;th&gt;Friday&lt;/th&gt;
              &lt;th&gt;Saturday&lt;/th&gt;
              &lt;th&gt;Sunday&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          
          &lt;tbody valign="bottom" &gt;
              &lt;tr&gt;
              &lt;th&gt;6:00&lt;/th&gt;
              &lt;td colspan="7" &gt;National News&lt;/td&gt;
              
          &lt;tr&gt;
              &lt;th&gt;6:30&lt;/th&gt;
              &lt;td colspan="7"&gt;Local News&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
          
          &lt;tbody class="seven-am"&gt;
              &lt;tr&gt;
              &lt;th&gt;7:00&lt;/th&gt;
              &lt;td rowspan="2"&gt;Opera Fest&lt;/td&gt;
              &lt;td rowspan="2"&gt;Radio U&lt;/td&gt;
              &lt;td rowspan="2"&gt;Science Week&lt;/td&gt;
              &lt;td rowspan="2"&gt;The Living World&lt;/td&gt;
              &lt;td&gt;Word Play&lt;/td&gt;
              &lt;td&gt;Agri-Week&lt;/td&gt;
              &lt;td rowspan="2"&gt;Folk Fest&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;th&gt;7:30&lt;/th&gt;
              &lt;td&gt;Brain Stew&lt;/td&gt;
              &lt;td&gt;Bismarck Forum&lt;/td&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
          
          &lt;tbody class="eight-am"&gt;
              &lt;tr&gt;
              &lt;th&gt;8:00&lt;/th&gt;
              &lt;td rowspan="4" colspan="4"&gt;The Classical Music Connection&lt;/td&gt;
              &lt;td&gt;Old Time Radio&lt;/td&gt;
              &lt;td rowspan="4"&gt;Saturday Night Jazz&lt;/td&gt;
              &lt;td rowspan="4"&gt;The Indie Connection&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;th&gt;8:30&lt;/th&gt;
              &lt;td&gt;The Inner Mind&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;th&gt;9:00&lt;/th&gt;
              &lt;td rowspan="2"&gt;Open Mike Nite&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;th&gt;9:30&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/tbody&gt;
          
          
          &lt;tr&gt;
              &lt;th&gt;10:00&lt;/th&gt;
              &lt;td colspan="7"&gt;World News Feeds&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>