How to horizontally center a <div> in another <div>?

The answer is

{ margin: 0 auto;}

Look at below the image:

The yellow box <div>icon</div> is located left side.

I wanted to move horizontally center like a title Career Path.

When I checked an inspector, there is a margin space like below:

{ margin: 0 auto;}

{margin: 0 auto;} give the same value to left and right automatically but it doesn’t give any value to the top and bottom.

That’t it!!!

Happy coding today!🦄