CSSのdisplay: inline-block を指定している要素を中央寄せにする方法

CSSの要素に「display: inline-block 」を指定していて、中央寄せにする場合、” text-align: center; ”や ” 左右のmarginをauto （ margin:0 auto; ）にしても中央寄せになりません。

単純に親要素に、” text-align: center; ”を指定することで、中央寄せになります。