331741 ランダム
 HOME | DIARY | PROFILE 【フォローする】 【ログイン】

mamohoのHP作成講座

mamohoのHP作成講座

中央揃え 右寄せ 左

● 中央揃え

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

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

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

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


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

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



● 右寄せ

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

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

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

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


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

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



● 左寄せ

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

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

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

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


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

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



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

表を中央揃え

○○○○



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


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

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



© Rakuten Group, Inc.