Div with property display: inline-block; in the center?

Question

css

Good afternoon!
Please tell me how Div with display: inline-block; in the center?
And why doesn't margin: 0 auto; work in this case?
Thank you!

Answer 1

set parent to text-align: center

Answer 2

And why doesn't margin: 0 auto; work in this case?

Why doesn't it work? Everything is working.
Here is my case: https://codepen.io/wokster/pen/odWMyR
If it doesn't work in your case, fill out your case, as I have mine - we'll figure it out.