文章の1字下げを行う

テキストは通常<p></p>タグで囲いますが、 長い文章を書くとき、適度に文頭の文字を下げると、
文章が見やすくなる場合があります。
やり方は簡単です。

<head>〜</head>の間に
<style TYPE="text/css">
<!--

-->
</style>

と書いてから、

.sample{text-indent: 1em;}
と記述します。

これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。

これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。

これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。

どうでしょうか? 字がきちんと下がっていますか。 どのぐらい下げたいかはもちろん調節できますので、 自分なりの気持ちの良い字下げを工夫してみてください。

.sample2{text-indent: 20px;}

これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。

sample3{text-indent: 40px;}

これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。これはサンプルの文章です。

素材のトップへ

スポンサードリンク

スポンサードリンク

SOZAI | 素材

その他