CSSを使用した中央に配置する方法

時々CSSを使用して水平方向あるいは垂直方向に中央揃えをする必要があります。 中央揃えがよくない場合に参照することができるサイトです。

• Centering in CSS：A Complete Guide（CSSで中央に配置させる：完全ガイド）

CSSを使用した中央に配置する方法

リンクされたサイトでは、さまざまな状況で横（水平）、縦（垂直）、横と縦（水平および垂直）に中央に配置させる方法を説明します。 うまくいかない場合は、各シナリオごとに提示する方法を適用してみると良いことができます。

通常、次のようなCSSコードで試してみます。

.center {
  text-align: center;
}

ブロック（block）レベル要素である場合、次のコードを使用することができます。

.center-me {
  margin: 0 auto;
}

縦に中央に配置する場合は、次のような方法で縦に中央に配置を試してみると良い場合がありました。

参照

• div内のdivを中央に配置する方法（CSS）