table-vertical-align.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"  "http://www.w3.org/TR/REC-html40/loose.dtd"><html><head><title>Table heights</title><style type="text/css">table {margin: 0 0 2em 0;}th, td {border: 1px solid; padding: 0.33em; height: 4em;}#t01 tr > *:nth-child(1) {vertical-align: top;}#t01 tr > *:nth-child(2) {vertical-align: text-top;}#t01 tr > *:nth-child(3) {vertical-align: middle;}#t01 tr > *:nth-child(4) {vertical-align: baseline;}#t01 tr > *:nth-child(5) {vertical-align: bottom;}#t01 tr > *:nth-child(6) {vertical-align: text-bottom;}#t01 tr > *:nth-child(7) {vertical-align: sub;}#t01 tr > *:nth-child(8) {vertical-align: super;}</style></head><body id="www-meyerweb-com" class="css"><table id="t01"><tr><th>h1c1</th><th>h1c2</th><th>h1c3</th><th>h1c4</th><th>h1c5</th><th>h1c6</th><th>h1c7</th><th>h1c8</th><th>h1c9</th></tr><tr><td>r1c1</td><td>r1c2</td><td>r1c3</td><td>r1c4</td><td>r1c5</td><td>r1c6</td><td>r1c7</td><td>r1c8</td><td>r1c9</td></tr></table><table id="t02"><tr><th>h1c1</th><th>h1c2</th><th>h1c3</th><th>h1c4</th><th>h1c5</th><th>h1c6</th><th>h1c7</th><th>h1c8</th><th>h1c9</th></tr><tr><td>r1c1</td><td>r1c2</td><td>r1c3</td><td>r1c4</td><td>r1c5</td><td>r1c6</td><td>r1c7</td><td>r1c8</td><td>r1c9</td></tr></table></body></html>