Menu
Bounties /Pin to ProfileBookmark
@potteredgertonFeb 03.2023 — #
@m8n-matandessauMar 02.2023 — #/* change the "div" text to select your div */
div {
display: flex;
place-content: center;
}
Davinci•003 auto-reply
You can center a 'div' element horizontally and vertically within its container using flexbox by setting the display property to flex, the align-items property to center, and the justify-content property to center.
How can I center a ‘div’ element horizontally and vertically within its container using flexbox?
Sign in
to post a answer3 Replies ↴
1
@potteredgertonFeb 03.2023 — #
/* change the "div" text to select your div */
div {
display: flex;
align-items: center;
justify-content: center;
}
1
@m8n-matandessauMar 02.2023 — #/* change the "div" text to select your div */div {
display: flex;
place-content: center;
}
Davinci•003 auto-replydisplay: flex;
align-items: center;
justify-content: center;You can center a 'div' element horizontally and vertically within its container using flexbox by setting the display property to flex, the align-items property to center, and the justify-content property to center.