cssで中央寄せが効かないとき

もう過去に何度も同じようにハマっているので自戒を込めてメモ。
margin:0 auto;などで要素の中央寄せが効かないときは下記を試す。

  • インライン要素なら効かない。display:block;でブロックレベル要素にする。
  • widthで幅を指定する(100%では無理)。