てすとぺーじ

横位置調整

通常は左寄せ

中央寄せ

右寄せ

カラー装飾

<p class="bold">すべて太字の文章すべて太字の文章すべて太字の文章すべて太字の文章</p>

<p class="red">すべて赤字の文章すべて赤字の文章すべて赤字の文章すべて赤字の文章</p>

<p class="blue">すべて青字の文章すべて青字の文章すべて青字の文章すべて青字の文章</p>

<p class="orange">すべてオレンジの文章すべてオレンジの文章すべてオレンジの文章</p>

部分的に太字にしたい場合は<span class="bold">太字のサンプル</span>

部分的に赤字にしたい場合は<span class="red">赤字のサンプル</span>

部分的に赤太字にしたい場合は<span class="red bold">赤太字のサンプル</span>

部分的に青字にしたい場合は<span class="blue">青字のサンプル</span>

部分的に青太字にしたい場合は <span class="blue bold">青太字のサンプル</span>

部分的にオレンジにしたい場合は <span class="blue bold">オレンジのサンプル</span>

部分的にオレンジ太字にしたい場合は <span class="blue bold">オレンジ太字のサンプル</span>

余白調整

下に20pxの余白をつけたい場合は<p class="btm20">テキストテキスト</p>

下に45pxの余白をつけたい場合は<p class="btm45">テキストテキスト</p>
btm0からbtm95まで5刻みで調整可能です

サイズ調整

フォントサイズを13pxにしたい場合は<p class="size13">テキストテキスト</p>

フォントサイズを25pxにしたい場合は<p class="size25">テキストテキスト</p>
size10からsize30まで調整可能です

コメントアウト見本

ここは表示されます

段落テキストはすべてpタグで記載します。class名のbtm15は下に余白15pxです。
btm0からbtm95まで5刻みで調整可能です。
通常の改行はbrです。
PCのみ改行したい場合はbr class="spHide"です。
SPのみ改行したい場合はbr class="spDisp"です。

横位置調整

通常は左寄せ

中央寄せ

右寄せ

カラー装飾

<p class="bold">すべて太字の文章すべて太字の文章すべて太字の文章すべて太字の文章</p>

<p class="red">すべて赤字の文章すべて赤字の文章すべて赤字の文章すべて赤字の文章</p>

<p class="blue">すべて青字の文章すべて青字の文章すべて青字の文章すべて青字の文章</p>

<p class="orange">すべてオレンジの文章すべてオレンジの文章すべてオレンジの文章</p>

部分的に太字にしたい場合は<span class="bold">太字のサンプル</span>

部分的に赤字にしたい場合は<span class="red">赤字のサンプル</span>

部分的に赤太字にしたい場合は<span class="red bold">赤太字のサンプル</span>

部分的に青字にしたい場合は<span class="blue">青字のサンプル</span>

部分的に青太字にしたい場合は <span class="blue bold">青太字のサンプル</span>

部分的にオレンジにしたい場合は <span class="blue bold">オレンジのサンプル</span>

部分的にオレンジ太字にしたい場合は <span class="blue bold">オレンジ太字のサンプル</span>

余白調整

下に20pxの余白をつけたい場合は<p class="btm20">テキストテキスト</p>

下に45pxの余白をつけたい場合は<p class="btm45">テキストテキスト</p>
btm0からbtm95まで5刻みで調整可能です

サイズ調整

フォントサイズを13pxにしたい場合は<p class="size13">テキストテキスト</p>

フォントサイズを25pxにしたい場合は<p class="size25">テキストテキスト</p>
size10からsize30まで調整可能です

コメントアウト見本

ここは表示されます