Center Align Full Width Top Menu


I'm trying to align my category menu to the center of the page but i can't seem to find a CSS combination that will work.

I've tried this with no luck.

display: inline-block;
margin: 0 auto;

with this the menu aligns left, the margin: 0 auto; tag isn't adding any margin to the left or right.

Could someone suggest the correct CSS?



Found the solution.

For those that are interested:

position: relative;
  left: 50%;
  transform: translateX(-50%);

i could not make the solution working.. can u please give some instructions on the same??