mamohoのHP作成講座

mamohoのHP作成講座

中央揃え 右寄せ 左

● 中央揃え

文字を中央に揃えてみましょう

<p align="center"> この部分が中央揃えになります </p>

すると このように表示されるわけです

この部分が中央揃えになります


文章だと こんなふうになります

文字を中央に揃えてみました
中央にそろえると
文章の始めの部分がそろわないので
嫌う人もいるようですね
あまり長い文章や 
何かの解説 説明文には適してないようです
使い方には注意しましょう



● 右寄せ

今度は 文章を右寄せにしてみましょう

<p align="right"> この部分が右寄せになります </p>

すると このように表示されるわけです

この部分が右寄せになります


文章にしてみると こんなふうになります

文字を右に揃えてみました
左側に画像がある場合は
文章を右寄せにするという
使い方もできますね



● 左寄せ

今度は 文章を左寄せにしてみましょう

<p align="left"> この部分が左寄せになります </p>

すると このように表示されるわけです

この部分が左寄せになります


文章にしてみると こんなふうになります

文字を左に揃えてみました
何も指定しなければ 自然に左寄せになるので
用事がないようにも思えますね(笑)
では たとえば
全体が中央揃えのとき 
部分的に左に寄せるときや
今まで右揃えだったのを
次の行から左寄せにする なんて時に
使ってください



この 中央揃え 右寄せ 左寄せは
文章だけでなく 表や画像にも使えます
よく出てくるタグなので 覚えておきましょう

表を中央揃え

○○○○



イラストを右寄せ
あさがお


左寄せに戻しました (∩.∩)v

楽天広場を利用している場合は 最後の </p>を入れると
余計に行間が空いてしまうようです
なくても大丈夫なので 
行間があくのがイヤな場合は
省いてしまいましょう
では 頑張ってみてください♪p(^^)q



© Rakuten Group, Inc.
X
Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: