大見出し

pタグで囲むとサイドに余白をとります
またボトムにマージンをとります

これはサンプルページです。同じ位置に固定され、(多くのテーマでは) サイトナビゲーションメニューに含まれるため、ブログ投稿とは異なります。サイト訪問者に対して自分のことを説明する自己紹介ページを作成するのが一般的です。たとえば以下のようなものになります。

spanタグを入れてからclass="txt-base-line"で囲むと緑のアンダーラインが入ります

spanタグを入れてからclass="txt-red-line"で囲むと赤のアンダーラインが入ります

spanタグを入れてからclass="txt-ylw-line"で囲むと橙のアンダーラインが入ります

class="red-txt"を指定することでテキストが赤くなります

class="ylw-txt"を指定することでテキストが橙になります

class="base-txt"を指定するとテーマカラーと同じ色のテキスト

なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。 なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。 なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。 なんか背景つけたいなーと思ったらclass="bg-base"のclassをあてるといいです。

使うかわかりませんがこんなスタイルもclass="check-one"のclassをあてる出来ます。

h4タグスタイル

h5タグスタイル

• class="list-deco"
• リストタグのスタイルの例
• リストタグのスタイルの例
• リストタグのスタイルの例
• リストタグのスタイルの例

1. 普通にolタグで数字付き
2. 数字付きリストの例
3. 数字付きリストの例
4. 数字付きリストの例
5. 数字付きリストの例

フレックスレイアウト

divにclass="flexBox-sp-none"を指定してテキスト左寄せ画像右寄せのレイアウト(sp-noneをつけるのはスマホの場合に縦に並ぶレイアウトを指定してるため)
divもしくはブロック要素(hタグpタグliタグなど)にclass="margin-box"を指定すると上下にマージンをとります

divにclass="flexBox-sp-none flex-op-rev"を指定してテキスト右寄せ画像左寄せのレイアウト(sp-noneをつけるのはスマホの場合に縦に並ぶレイアウトを指定してるため)
divもしくはブロック要素(hタグpタグliタグなど)にclass="margin-box"を指定すると上下にマージンをとります