In Chrome and Edge, the following code can be used on block layouts to center child elements. align-content works without the need for flexbox or grid — and it works in all browsers! justify-items on a parent element and justify-self on a child also work without flexbox or grid, but only in Chromium for now.
Full article