読みやすい段落のスタイル設定

標準では読みづらい段落のスタイルを、CSSの設定で読みやすくする。

デモページを表示

CSS

補足

• 9行目：段落の下マージンを広く取り、段落の区切りをわかりやすくする。
• 10行目：太めの等幅に近いフォントを指定すると読みやすくなる。
• 11行目：文章が折り返したときに余裕ができるよう、行の高さ（行間）を広めに取る。
• 12行目：文字間隔を少し広げて、読みやすくする。
• レイアウトが崩れる場合は リセットCSS・共通CSS の内容を確認。

HTML

補足

• normal クラス下の p 要素は 、ほぼブラウザ標準の表示状態。restyle クラス下の p 要素は読みやすいスタイルを設定している。