How to center a div?

We have 2 ways, pretty easy, one more than another.

The first way is using flexbox

display= "flex" justify-content= "center"

And my favorite way, css grid.

Only you have to use 2 lines of code!

.box{ display: grid; place-items: center; }