For someone reason I can't get this div
's text to vertically align to the bottom I've tried just about everything except for solutions involving extensive code.
.products {
width: 191.25px;
height: 191.25px;
margin-left: 15px;
margin-bottom: 15px;
padding: 15px;
background: black;
color: white;
float: left;
text-align: right;
}
<h2>Header Two</h2>
<div class="products">Content for class "products" Goes Here</div>
<div class="products">Content for class "products" Goes Here</div>
<div class="products">Content for class "products" Goes Here</div>
<div class="products">Content for class "products" Goes Here</div>
If someone could help me fix my code so to vertically align the div
's text to the bottom.
EDIT: I have tried the following:
Adding to .product
display: table-cell;
vertical-align: bottom;