CodePen Embed - vertical-align-2

<table>
<tbody>
	<tr>
		<td style="vertical-align: baseline;">baseline</td>
		<td style="vertical-align: top;">top</td>
		<td style="vertical-align: middle;">middle</td>
		<td style="vertical-align: bottom;">bottom</td>
	</tr>
	</tbody>
</table>

table {
	font-family: monospace;
	font-size: 17px;
	color: #222;
  text-align: center;
}

td {
  height: 150px;
  width: 125px;
}

table,
td {
  border: 2px solid #666;
}

This Pen is owned by MichaelBondar on CodePen.

See more by @MichaelBondar on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.