文字の位置を変更する

今回は、『文字の位置を変更する』方法についてご紹介します。

以前、「文字を中央に寄せる」方法をご紹介しました。

⇒　文字を中央に寄せる方法

今回は文字の位置（左寄せ、中央寄せ、右寄せ）全て一挙にご紹介します。

HTMLの<div>タグを使用して位置を変更します。
<div>タグの役割は一言でいうと「グループ化」することです。
<div>～</div>で囲まれた部分をグループ化することができるのです。

※<Div>タグは<p>タグ等と同様ブロックレベルのタグと呼ばれています。一方<Div>タグとともにCSSと連携する際によく使用される<span>タグはインラインレベルのタグと言われています。
この違いもいずれ解説したいと思います(^-^)


よくCSS（スタイルシート）と連携してグループごとに文字のフォントを変更するなど「レイアウト変更（デザイン変更）」を行うときに使用しますね。
※今回はCSSは使用しません。

では早速、文字の位置を変更する方法を見ていきます。

１．文字を左寄せする

<Div Align="left">左寄せ</Div>

Divタグの属性にAlignを使用して値にleftとします。

下記結果です。

左寄せ

２．文字を中央寄せする

<Div Align="center">中央寄せ</Div>

Alignを属性の値をcenterとします。


下記結果です。

中央寄せ

３．文字を右寄せする

<Div Align="right">右寄せ</Div>

Alignを属性の値をrightとします。


下記結果です。

右寄せ

以上のようにDivタグを使用して簡単に文字位置を変更することができます。

「文字位置をどうしても変更したいのにブログにこの機能がそなわっていない！」

というときにご使用してみて下さい。

スポンサードリンク