I'm struggling to make a large font size and weight fit into a div tag while aligning it vertically at the bottom. Can anyone help me with this issue?
div
{
border:1px solid black;
height:100px;
}
table
{
border:1px solid black;
height:100px;
width:100%;
}
p
{
font-size:50px;
font-family:sans-serif;
font-weight:900;
vertical-align:bottom;
}
td
{
font-size:50px;
font-family:sans-serif;
font-weight:900;
vertical-align:bottom;
}
<div>
<p>TEST</p>
</div>
<hr>
<table>
<tbody>
<tr>
<td>TEST</td>
</tr>
</tbody>
</table>
I've provided an example of what I can achieve with a table, but I want the same result using a div tag instead.