フォントサイズ18pxのテキストです。
18px、太字、赤字、黄色マーカーをすべて入れるとこんな感じ。
18pxで太字
18pxで赤字
18pxで黄色マーカー
太字(18pxの指定を入れていない場合は16px)
赤字(18pxの指定を入れていない場合は16px)
黄色マーカー(18pxの指定を入れていない場合は16px)
黒点で(18px)
長い文章になって自動的に改行されたとしても、黒点の下には文字が入らずに一段下げ?になります。テキストとして黒点を書くよりも見やすくなるので活用しましょう。(18px)
このエリアはグレー背景で囲まれます。
リンク先を青字にします。←現状、リンク先を青字にすると、16pxになってしまう。18px指定しても16pxになる。
この文中に画像を挟みます。スマホ閲覧時の右上のハンバーガーメニューです。
↑文中に画像を挟むサンプル
↑画像
●divclass「txt_indent」で括ったら、長い文章で自動的に改行されたら一文字分インデントされます。文頭に●や※等の記号を使用する際に有効です。
ここからでbrで改行しました。brでの改行の場合も同様にインデントされます。
Pクラスで区切ると一旦インデントなしから始まります。文頭に記号が付かない場合でも改行でインデントされてしまうため、文頭に記号が付かない場合は、使用しない方がいいです。
※注意事項を並べるときに改行されても見やすいです。
特にスマホ閲覧時はすぐに改行されるので。
※2つめの注意事項。上の※が複数行にわたっているが、インデントされていることで、1つめと2つめの境目がわかりやすい。