table-cell-vertical-align-001-print-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<meta charset="utf-8">

<link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">

<link rel="author" title="Mozilla" href="https://www.mozilla.org/">

<style>

@page { size: 5in 3in; margin: 0.5in; }

body { margin: 0; }

td {

  border: 3px solid purple;

  vertical-align: top;

ol {

  margin: 0;

</style>

<table>

  <tr>

    <td>

      <ol>

        <li></li><li></li><li></li><li></li>

        <li></li><li></li><li></li><li></li>

        <li></li><li></li><li></li><li></li>

      </ol>

    </td>

    <td>top</td>

    <td>middle</td>

    <td>bottom</td>

    <td rowspan="2">bottom</td>

  </tr>

  <tr>

    <td colspan="4">

      <ol>

        <li></li><li></li>

        <li></li><li></li>

      </ol>

    </td>

  </tr>

</table>