   </div>
    after text
</div>

<table style="background-color: lightgrey; margin-top: 5px">
<tr style="height: 50px">
  <td style="vertical-align: bottom">bottom</td>
  <td style="vertical-align: baseline">baseline</td>
  <td style="vertical-align: top">top</td>
  <td style="vertical-align: baseline"><div class="grid">
    <h2>h2 baseline</h2>
    <div>above</div>
  </div></td>
</table>

<!-- If a box contributing a baseline has a scrollbar, the box must be treated
as being in its initial scroll position 