Web Design in a Nutshell, 3rd Edition

Row span

Similar to colspan, the rowspan attribute stretches a cell to occupy the space of cells in rows below. Include the rowspan attribute in the row where you want the cell to begin and set its value equal to the number of rows you want it to span downward.

In Figure 13-5, note that the bottom row now contains only one cell. The other has been incorporated into the vertical spanned cell. Browsers ignore overextended rowspan values. There can never be more rows than explicitly stated tr elements.

    <table>
    <tr>
    <tdrowspan="2">Cell 1</td><td>Cell 2</td>
    </tr>
    <tr>
    <td>Cell 4</td>
    </tr>
    </table>

Figure 13-5. The rowspan attribute expands cells vertically

Tip

You may combine colspan and rowspan attributes to create a cell that spans both rows and columns.