<p>ここは段落だよ。</p>
左寄せ
<p style="text-align:left">左に寄ります</p>
左に寄ります
特に指定しなくても左よりになります。
<p align="left">
という指定でも可。
右寄せ
<p style="text-align:right">右に寄ります</p>
右に寄ります
<p align="right">
という指定でも可。
中央揃え
<p style="text-align:center">中央に揃います</p>
中央に揃います
<p align="center">
という指定でも可。
行頭インデント
<p style="text-indent:1em">
この指定により、行頭が一文字インデントされます。
「1em」は文字一つ文のことで、数値をマイナスにも設定できます。
普通日本語は段落の始めが一文字空いているので、
正しい日本語を使うのならばインデントさせるべきですが、
だったら縦書きにしなければいけないと思うのでありました。</p>
この指定により、行頭が一文字インデントされます。 「1em」は文字一つ文のことで、数値をマイナスにも設定できます。 普通日本語は段落の始めが一文字空いているので、 正しい日本語を使うのならばインデントさせるべきですが、 だったら縦書きにしなければいけないと思うのでありました。
段落の色
<p style="color:#88aacc">
段落に色が着いているぜ。
<br>ヘイヘイ。</p>
段落に色が着いているぜ。
ヘイヘイ。
段落の背景色
<p style="background:#88aacc">
背景色だぜ。
<br>イェイイェイ。</p>
背景色だぜ。
イェイイェイ。
余白（上）
<div style="margin-top:25">余白</div>
余白（下）
<div style="margin-bottom:25">余白</div>
余白（左）
<div style="margin-left:25">余白</div>
余白（右）
<div style="margin-right:25">余白</div>
余白（両端）
<div style="margin-left:25;margin-right:25">余白</div>
文字ブロックをフロート
<div style="float:left;width:100;background:#bbffaa"><p>ここがフロート</p></div>
<p>こっちの文字が回り込みするよ。<br>こんな風になるのさ。
<br>参考にしてね。</p>
ここがフロートをしてます。
こっちの文字が回り込みするよ。
こんな風になるのさ。
参考にしてね。
行間指定
<div style="line-height:1.5";>行間指定するよ<br>こんな風に。</div>
文字間隔
<div style="font-size:22;letter-spacing:-5">こんな感じで。</div>
改稿禁止
<nobr>ここに挟まれたテキストは、改稿されません。
普通ならブラウザに沿って自動改稿するはずなのですが、
意図的に改稿したくないときや
改稿するとこっちの意図から外れてしまうような文章や
とても読み難いときこのタグで挟むといいでしょう。
このタグで効果を発揮するのは主に
リンクタグに使用するのがいいかと思われます。</nobr>
<tt>
この文字は一文字一文字大きさが違いますが、
ttで挟むと各文字が同じ大きさになります</tt>
この文字は一文字一文字大きさが違いますが、ttで挟むと各文字が同じ大きさになります
