---
title: "How to align the content of a div to the bottom"  
description: "How to align the content of a div to the bottom"  
author: "Revati S Misra"  
published: 2023-04-27  
updated: 2023-04-27  
canonical: https://www.mindstick.com/forum/158038/how-to-align-the-content-of-a-div-to-the-bottom  
category: "html"  
tags: ["html", "css", "css position"]  
reading_time: 1 minute  

---

# How to align the content of a div to the bottom

How to align the [content](https://www.mindstick.com/articles/13019/get-the-best-content-marketing-pricing-packages-for-your-brand) of a div to the bottom

## Replies

### Reply by Aryan Kumar

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

```html
<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.

\


---

Original Source: https://www.mindstick.com/forum/158038/how-to-align-the-content-of-a-div-to-the-bottom

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.