ボックスデザイン

BOX Width:100%; Bottom:0px

BOX Width:100%; Bottom:10px

BOX Width:100%; Bottom:20px

BOX Width:100%; Bottom:30px

BOX Width:100%; Bottom:40px

BOX Width:98%; Padding:0 1%

BOX Width:96%; Padding:0 2%

BOX Width:92%; Padding:0 4%

[b80] 80％のボックスです。 80％のボックスです。 80％のボックスです。 80％のボックスです。 80％のボックスです。 80％のボックスです。 80％のボックスです。 80％のボックスです。 80％のボックスです。

[b20] 20％のボックスです。

[b70] 70％のボックスです。 70％のボックスです。 70％のボックスです。 70％のボックスです。 70％のボックスです。 70％のボックスです。 70％のボックスです。 70％のボックスです。 70％のボックスです。

[b30] 30％のボックスです。Width:28% Padding-Left:2% 20％のボックスです 30％のボックスです。 30％のボックスです。 30％のボックスです。 30％のボックスです。

[b60] 60％のボックスです。 60％のボックスです。 60％のボックスです。 60％のボックスです。 60％のボックスです。 60％のボックスです。 60％のボックスです。 60％のボックスです。 60％のボックスです。

[b40] 40％のボックスです。Width:38% Padding-Left:2% 20％のボックスです。 40％のボックスです。Width:38% Padding-Left:2% 20％のボックスです。40％のボックスです。Width:38% Padding-Left:2% 20％のボックスです。

[b50] 50％のボックスです。左右に余白なし 50％のボックスです。左右に余白なし 50％のボックスです。左右に余白なし 50％のボックスです。左右に余白なし 50％のボックスです。左右に余白なし 50％のボックスです。左右に余白なし 50％のボックスです。左右に余白なし

[b51] 50％のボックスです。幅が48.5%、右に余白1.5%。幅が48.5%、右に余白1.5%。幅が48.5%、右に余白1.5%。幅が48.5%、右に余白1.5%。幅が48.5%、右に余白1.5%。幅が48.5%、右に余白1.5%。幅が48.5%、右に余白1.5%。

[b52] 50％のボックスです。幅が48.5%、左に余白1.5%。幅が48.5%、左に余白1.5%。幅が48.5%、左に余白1.5%。幅が48.5%、左に余白1.5%。幅が48.5%、左に余白1.5%。幅が48.5%、左に余白1.5%。幅が48.5%、左に余白1.5%。

見出しデザイン h1
改行したとき

SubTitle
見出しデザイン h1 サブタイトルもh1に入るここにh1が入ります。ここにh1が入ります。ここにh1が入ります。ここにh1が入ります。

見出しデザイン h2
改行したとき

見出しデザイン h3
h3以降は改行したとき、同じ

見出しデザイン h4

見出し1サブhs

見出し2サブhs

文章pサブhs

見出し1サブhss

見出し2サブhss

文章pサブhss

見出しh2+アンダーラインhl

見出しh2+長く薄いアンダーラインhl2

見出しh2+下矢印付きアンダーラインhl3

見出しh2+前にSVG hl4

見出しh3+強調ボックス

文章デザイン Notoフォント

これは文章（pタグ）の例です。行間が2.5rem。margin-bottom:20px。これは強調（strongタグ）の例です。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへおまみむめもこれは強調装飾（bタグ）の例です。

あいうえおかきくけこさしすせそこれは赤色（.pcr）の例です。あいうえおこれは青色（.pcb）の例です。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへおまみむめも

リンクの例→ 詳細はコチラ❏から

This is English example. I have a pen. I have a pen.(b class) The price of this proucts is 5,000yen.
数字と日本語を組み合わせるとこんな感じになります→❸この商品は5,000円/個[税込]です。
〒000-0000 新潟県上越市〇〇〇〇0-00-00

あいうえおかきくけこさしすせそこれは強調アンダーライン黒色（.pt）の例です。最後の句読点は含めないでください。あいうえおこれは強調アンダーライン黄色（.pt1）の例です。最後の句読点は含めないでください。あいうえおかきくけこさしすせそたちつてとなにぬねのこれは文章の注釈になります。改行も※マークもありません。(ps2)はひふへおまみむめも

あいうえおかきくけこさしすせそこれは強調ボックス黒色（.pt3）の例です。あいうえおこれは強調ボックス赤色（.pt4）の例です。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへおまみむめもこれは強調ボックス赤色（.pt5）の例です。これは文章内の注釈になります。（ps）これは文章の注釈になります。改行はしますが※マークがありません。（ps1）

これは小さいフォント用です。（.p2）

これは小さいフォントで右揃え用です。
改行するとこんな感じになります（.p3）

文章デザイン BIZ UD明朝フォント+LatoMIX

あいうえおかきくけこさしすせそこれは赤色（.pcr）の例です。あいうえおこれは青色（.pcb）の例です。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへおまみむめも雪國蓬青色

リンクの例→ 詳細はコチラ❏から

This is English example. I have a pen. I have a pen.(b class) The price of this proucts is 5,000yen.
数字と日本語を組み合わせるとこんな感じになります→❸この商品は５,０００円/個[税込]です。
〒000-0000 新潟県上越市〇〇〇〇0-00-00

あいうえおかきくけこさしすせそこれは強調アンダーライン黒色（.pt）の例です。最後の句読点は含めないでください。あいうえおこれは強調アンダーライン黄色（.pt1）の例です。最後の句読点は含めないでください。あいうえおかきくけこさしすせそたちつてとなにぬねのこれは文章内のの注釈になります。改行も※マークもありません。(ps2)はひふへおまみむめも

あいうえおかきくけこさしすせそこれは強調ボックス黒色（.pt3）の例です。あいうえおこれは強調ボックス赤色（.pt4）の例です。あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへおまみむめもこれは強調ボックス赤色（.pt5）の例です。これは文章の注釈になります。（ps）これは文章の注釈になります。改行はしますが※マークがありません。（ps1）