td {
vertical-align: middle;
}<!DOCTYPE html>
<html>
<head>
<style>
table, td, th {
border: 1px solid black;
}
table {
border-collapse: collapse;
width: 100%;
}
td {
height: 50px;
vertical-align: bottom;
}
</style>
</head>
<body>
<h2>The vertical-align Property</h2>
<p>This property sets the vertical alignment (like top, bottom, or middle) of the content in th or td.</p>
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Savings</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
<td>$100</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
<td>$150</td>
</tr>
<tr>
<td>Joe</td>
<td>Swanson</td>
<td>$300</td>
</tr>
<tr>
<td>Cleveland</td>
<td>Brown</td>
<td>$250</td>
</tr>
</table>
</body>
</html>
| Code Example |
|---|
| Css :: Trimming One Line with CSS |
| Css :: move navbar to right css |
| Css :: cool gradient |
| Css :: sass folder structure |
| Css :: CSS blue bottom right Box shadow |
| Css :: css div take remaining screen height |
| Css :: css disabled hover style |
| Css :: make table resopnsive for mobile |
| Css :: css background property |
| Css :: how to link css to html flask |
| Css :: remove outline on button click |
| Css :: changer angle div |
| Css :: zero two hair color code |
| Css :: mapping and each in sass |
| Css :: The :invalid CSS pseudo-class |
| Css :: css affect other elements on hover |
| Css :: html css circle progress bar |
| Css :: hide in css |
| Css :: css clip |
| Css :: padding css shorthand |
| Css :: add border to png image using css |
| Css :: custom select dropdown css only codepen |
| Css :: matrix css |
| Css :: css immediate child |
| Css :: css file path |
| Css :: input css for disabled state |
| Css :: vertical center before css |
| Css :: css crop image |
| Css :: showing two iframes side by side |
| Css :: css height property |