Webデザイナーブログから学ぶホームページ制作

「text-align」プロパティは、文字やブロック要素内の画像などの水平方向（左右方向）の表示位置を指定するCSSプロパティです。
文字や画像を指定する値は、「左」「中央」「右」などに揃える指定ができます。

水平方向（左右方向）の表示位置は「left」「center」「right」「justify」などの値を指定することができます。 「text-align」プロパティは、ブロックレベル要素の配置位置を指定するものではないので、ブロック要素内に含まれるテキストや画像の配置位置を指定します。

文字や画像の水平方向（左右方向）の表示位置を指定する場合は、「text-align」プロパティを使い適応する値を指定することで実装できます。

セレクタ{
text-align:水平方向（左右方向）の表示位置;
}

/* 基本値 */
text-align: start;/* ラインボックスの始端に揃える */
text-align: end;/* ラインボックスの終端に揃える */
text-align: left;/* 左 */
text-align: right;/* 右 */
text-align: center;/* 中央 */
text-align: justify;/* 均等割付 */
text-align: justify-all;/* 均等割付 */
text-align: match-parent;/* 親要素の値を継承 */

水平方向の表示位置（left）

水平方向の表示位置（center）

水平方向の表示位置（right）