Discussion of 3 Ways to CENTER a div in CSS

Let's not forget yet a 4th way. No need for "positioning."

.parent {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.child {
    display: inline-block;
}

Didn't know it! Thanks you for sharing it!

And as last one, composition of 10 approaches (I like it mostly):
dirask.com/posts/CSS-center-elemen...

very nice sharing thanks!

good post,

your last example for the grid example, still uses the flex class container-flexbox in the html

thank you bro

Nice post!
If I can add one thing is that in the second solution the
flex-direction: column is not really needed to center the div

nice! I remove it from code thanks!

Nice!

wonderful, simple and straightforward

thank you a lot Izaias

i am learning CSS, thank you for the article

happy to help you :)

Hey thanks for this!

But you can Also just center a div with a text-align: center;

Left-to-right center yeah, but that doesn't affect the relation to its parent vertically.

Totally agree!