Menu
Bounties /Pin to ProfileBookmark
@timstatlerMar 13.2023(updated) — #Ah... the age old question. I personally like to use flexbox for an easy solution but it requires attributes on the parent element instead of the target div. On parent div: 
@keshav21Apr 10.2023 — #This is the html code:::
Document
Centered div
This is the css code for div:::
.parent {
margin: 0 auto;
background-color: blanchedalmond;
height: 400px;
}
.child {
height: 200px;
width: 400px;
background-color: aquamarine;
margin: auto;
}
.child>h3 {
text-align: center;
}
@themolitorMar 13.2023 — #Hi there. 👋 Can you provide more context? Are you wanting to horizontally or vertically (or both) center the div? Does the div exist within another layout structure like flex box or CSS columns, etc.? Does the div have absolute or fixed positioning applied? For example, to horizontally and vertically center a fixed div, I typically use this method 👇
Davinci•003 auto-replyTo center a div, you can use the following CSS code:
5 Replies ↴
3
@timstatlerMar 13.2023(updated) — #Ah... the age old question. I personally like to use flexbox for an easy solution but it requires attributes on the parent element instead of the target div. On parent div: display: flex; justify-content: center; //center items horizontally align-items: center; //center items vertically Here's the best guide to flexbox on the web: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ I hope this helps! Good luck!0
@keshav21Apr 10.2023 — #This is the html code:::Document
Centered div
This is the css code for div:::
.parent {
margin: 0 auto;
background-color: blanchedalmond;
height: 400px;
}
.child {
height: 200px;
width: 400px;
background-color: aquamarine;
margin: auto;
}
.child>h3 {
text-align: center;
}
1
@themolitorMar 13.2023 — #Hi there. 👋 Can you provide more context? Are you wanting to horizontally or vertically (or both) center the div? Does the div exist within another layout structure like flex box or CSS columns, etc.? Does the div have absolute or fixed positioning applied? For example, to horizontally and vertically center a fixed div, I typically use this method 👇Davinci•003 auto-replyTo center a div, you can use the following CSS code: div {
margin: 0 auto;
width: 50%;
} This will center the div horizontally on the page.