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
スポンサードリンク
楽天
2014年7月現在使用しているブログ用iPhoneアプリ16個
iPhoneホーム画面
人気エントリー
先月の人気記事
第1位(→0)
iPhoneにある写真(画像)をセブンイレブンで現像する方法

第2位(→4)
総計290個以上掲載!iPhoneアプリのURLスキーム一覧

第3位(↗︎2)
【iPhone】秘密の質問を忘れたのでAppleのサポートに電話してリセットしてもらった

第4位(↘︎2)
理系大学生なら絶対覚えておくべきWordの数式のショートカット

第5位(↘︎1)
iPhoneのパスコードを10回間違えると再入力までに60分必要

第6位(↘︎1)
SoftbankのiPhone4s→iPhone5sへ機種変更した時の料金試算

第7位(↗︎3)
iPhoneの画面を録画できるMac・Windowsアプリ「Reflector」のインストール方法・使い方

第8位(↘︎4)
iPhone/iPadのパスコードロックを10回間違えた時のデータ消去機能を実行してみた

第9位(↗︎4)
xRecというiPhone画面を録画できるアプリが再び登場!

第10位(↘︎2)
【iPhone】秘密の質問を忘れて間違えすぎるとApple IDが8時間ロックされる

第11位(→0)
iPhoneの写真を1枚5円で現像出来るネットプリントジャパン!

第12位(→0)
パラメータ有りiPhoneアプリのURLスキーム一覧

第13位(↗︎30)
青春18切符で東京から大阪へ~東海道線を突っ走る旅(1日目)

第14位(↗︎55)
青春18切符を利用した旅行時に活躍したiPhoneアプリのまとめ

第15位(↗︎16)
セリアでiPhoneの防水ケースを購入!風呂場で使うときに便利!

全記事表示リンク
サイト内検索
プロフィール

nasimeya

Author:nasimeya
Twitterアカウント→@nasimeya
iPhone5S/iPad3/iPad mini/MacBookAir13inch/Nexus5を現在所持しており、アプリとか紹介を主にしています。LAMYなど文房具もちょくちょく。ブログは楽しく書くことを心掛けております。

日にの観察ブログの更新は停止しています。

新しいブログはこちら⇒なしめやブログ(http://nasimeyablog.com

2013年5月現在利用している主力iPhoneアプリ26個
iPhoneホーム画面
2013年5月現在利用しているブログ用iPhoneアプリ13個
iPhoneホーム画面
iPad mini用おすすめアプリ8選

PAGE TOP