To align the content of a div to the bottom, you can use CSS flexbox. Here's an example:

<div class="container">
 <div class="content">
   <!-- content here -->
 </div>
</div>
<style>
.container {
 display: flex;
 align-items: flex-end; /* align items to the bottom */
 height: 200px; /* set the height of the container */
}
</style>

In this example, the container div is set to use flexbox with the display: flex property. The align-items: flex-end property aligns the content of the container to the bottom. The height property of the container is also set to a fixed height so that the container takes up a specific amount of space on the page.

You can adjust the height of the container as needed and add additional CSS styles to customize the appearance of the content inside the content div.