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

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

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



.sample{
  text-align: center;
}
.sample h3{
  display: inline-block;
}

.sample{

text-align: center;

}

.sample h3{

display: inline-block;

}