水平位置

文字列の水平位置を設定する方法を確認します。位置は「左揃え」「中央揃え」「右揃え」が選択できます。使用するツールバー上のアイコンは次の2つです。

ビジュアルエディタの本文入力エリア内に記述された文字列の中で、水平位置を設定したい複数の行を選択します。

ツールバー上の次のボタンをクリックします。このボタンは「中央揃え」です。

選択していた行の水平位置が設定されます。

コードビューで確認すると次のようになっています。

水平位置を設定すると、HTMLページ上では対象の行を<p></p>タグで囲い「align」属性が設定がされることが分かります。

<p align="center">東日本で1.5倍から3倍</p>

また「右揃え」も試してみます。

「右揃え」の場合は次のようにコードエディタ上では設定されています。

<p align="right">西日本はほぼ昨年並み</p>

「左揃え」の場合の同じく「align」属性に「left」が設定されます。

ブログでの確認

では編集を保存して頂きブログでどのように表示されるのかを確認してみます。

今回は2つの行に対して1回インデントを設定して表示しています。