How to center an inline-flex container?

Question

css

Friends, I can't figure out how to position the container itself in the center of the page?
Setting the inline-flex property to a container aligns it to the left edge. And it should be in the middle.
Maybe there is another solution?
The problem is that I need to wrap this container with colored borders so that I get a kind of block in the center of the page.
Thank you.

Answer 1

Give the wrapper property text-align: center;
in this case flexbox behaves like an inline element

Answer 2

margin: 0 auto ?