HOME   »   未分類  »  pタグにインデント(1文字下げ)をつける方法
RSSフィード

書籍全般にはインデント(1文字下げ)がついているのが一般的です。

段落ごとに意味が変わっているという目安ですし、インデントがついている方が読みやすいです。

しかし、このブログでは、今までインデントのことを考えていませんでした。

ちょうど最近、HTMLのpタグ(段落ごとに囲む)で書き始めたので、インデントをつけるのが簡単になりました。

今回は、ブログが読みやすくなるように、pタグにインデントをつける方法を紹介します。

スポンサーリンク

pタグにインデントをつける前の画像

pタグインデント

▲こちらが、pタグにインデントをつける前の画像です。段落毎に改行されていますが、少し読みづらいといえば読みづらいです。

これに、1文字分インデントをつけます。

pタグに1文字インデント(1文字下げ)をつける方法

全てのpタグに1文字インデントをつける場合は、CSS(スタイルシート)に以下のように記述します。

p{text-indent:1em;}

pタグインデント

▲これで、段落の最初の文字にインデントがつくようになりました。

また、ブログの本文にtext_bodyというclassを指定している場合、

.text_body p{text-indent:1em;}
とすれば、ブログの本文中のpタグのみに、インデントを付ける事が出来ます。

自分で読む時に、かなり見やすくなった印象を持ちました。

こんなにも見た目で違うんだな、と。

これは必須タグですね。

そういった意味でもpタグで囲むのは重要だと思いました。

関連記事



スポンサーリンク

過去記事セレクション

当ブログの過去記事の中で、オススメの記事25個をまとめたページを作成しました。500記事を超えた中から厳選していますので、どれもオススメできる記事となっています。もしも興味がありましたら、是非一度ご覧ください。
公開記事が500を超えたので、過去記事の中からオススメを25個セレクトしてみました



▼このカテゴリの最新記事
Relate Entry
Entry TAG
html   pタグ  
Comment
Trackback
Comment form
サイト内検索
全記事表示リンク

PAGE TOP