sample記事

見出し h2　見出しの余白について

何らかのタグの直ぐ下（隣接セレクタ）の見出しは「見出し h2」のように上方向に余白が自動で入るようにしました。ただし、タグで囲われていないプレーンなテキストには無反応なのでご注意ください。

また「見出し h1～h6」はタグを必ずしもクラス名と一致させる必要はありません。h3でh1のスタイルを使う事も可能です。

見出し h3

　其の頃何より優美でやさしいことの例に云い出されて居たのは中宮の御所に仕えて居る局の女房達がめしつかわれて居た上童の中に葵の前と云って陛下の御側近う仕る事がある上童が居た。およびになるほどの御用がなくっても主上は常に御召になって居るので主の女房も召しつかう事が出来ずかえって主の女房が葵の前を御主人のようにもてなしていらっしゃった。昔のひなうたに「女を生んでも悲しんではならない。女は運よくさえあれば妃ともなれば又妃は后ともなると云う事がある。」かどうかわからないけれども此の御方はきっと末には女御后とも云われる様にも御なりになるだろうと内々、人のうわさをする時などには葵女御等と云って居た。主上はいつの間にか此の噂を御ききになってからは一寸も今までの様に御召にならなかった。是んな事のあったのはほんとうに御志のつきたのではなく、只、世の中のそしりを思召ての御心であった。御心のつきて遊ばされた事ではないので御心がさわやかでなく、御供なんかも一寸もめし上らずよくも御寝遊ばされないほどであった。その時摂※(「竹かんむり／（金＋碌のつくり）」、第3水準1-89-79)の松殿が此の事を聞いて「さて、そんなに御考えるつみになるような事があるならば参内して御なぐさめ申さねばならない」と大急ぎで参内して申し上げるには「その様に御心までなやませ給うようになるまで世間をはばかって居らっしゃってはしようがございません。只今すぐその人を御召遊ばしませ。姓や素情を御さぐりになるにはおよびませんですから。やがて基房がよいようにとりはからいましょうから」と申し上げたらば主上は「位を退ってからはそのような事のあった例もたまにはきいて居たけれどもちゃんと位に居ながらそのような物を召された例はまだ一度もきいた事がない。それに私の御代に始めて始めたら後の世の笑草そしり草となるであろう」と仰せてお聞入にならない。関白殿も何ともしようがないので急いで車にのって御退出なってしまった。或る時主上が御手習の御ついでにみどりの薄様の香の香のことに深いのに故い歌ではあるけれ共このような時であったろうと思召されて、

見出し h4

　其の頃何より優美でやさしいことの例に云い出されて居たのは中宮の御所に仕えて居る局の女房達がめしつかわれて居た上童の中に葵の前と云って陛下の御側近う仕る事がある上童が居た。およびになるほどの御用がなくっても主上は常に御召になって居るので主の女房も召しつかう事が出来ずかえって主の女房が葵の前を御主人のようにもてなしていらっしゃった。昔のひなうたに「女を生んでも悲しんではならない。女は運よくさえあれば妃ともなれば又妃は后ともなると云う事がある。」かどうかわからないけれども此の御方はきっと末には女御后とも云われる様にも御なりになるだろうと内々、人のうわさをする時などには葵女御等と云って居た。主上はいつの間にか此の噂を御ききになってからは一寸も今までの様に御召にならなかった。是んな事のあったのはほんとうに御志のつきたのではなく、只、世の中のそしりを思召ての御心であった。御心のつきて遊ばされた事ではないので御心がさわやかでなく、御供なんかも一寸もめし上らずよくも御寝遊ばされないほどであった。その時摂※(「竹かんむり／（金＋碌のつくり）」、第3水準1-89-79)の松殿が此の事を聞いて「さて、そんなに御考えるつみになるような事があるならば参内して御なぐさめ申さねばならない」と大急ぎで参内して申し上げるには「その様に御心までなやませ給うようになるまで世間をはばかって居らっしゃってはしようがございません。只今すぐその人を御召遊ばしませ。姓や素情を御さぐりになるにはおよびませんですから。やがて基房がよいようにとりはからいましょうから」と申し上げたらば主上は「位を退ってからはそのような事のあった例もたまにはきいて居たけれどもちゃんと位に居ながらそのような物を召された例はまだ一度もきいた事がない。それに私の御代に始めて始めたら後の世の笑草そしり草となるであろう」と仰せてお聞入にならない。関白殿も何ともしようがないので急いで車にのって御退出なってしまった。或る時主上が御手習の御ついでにみどりの薄様の香の香のことに深いのに故い歌ではあるけれ共このような時であったろうと思召されて、

見出し h5

　其の頃何より優美でやさしいことの例に云い出されて居たのは中宮の御所に仕えて居る局の女房達がめしつかわれて居た上童の中に葵の前と云って陛下の御側近う仕る事がある上童が居た。およびになるほどの御用がなくっても主上は常に御召になって居るので主の女房も召しつかう事が出来ずかえって主の女房が葵の前を御主人のようにもてなしていらっしゃった。昔のひなうたに「女を生んでも悲しんではならない。女は運よくさえあれば妃ともなれば又妃は后ともなると云う事がある。」かどうかわからないけれども此の御方はきっと末には女御后とも云われる様にも御なりになるだろうと内々、人のうわさをする時などには葵女御等と云って居た。主上はいつの間にか此の噂を御ききになってからは一寸も今までの様に御召にならなかった。是んな事のあったのはほんとうに御志のつきたのではなく、只、世の中のそしりを思召ての御心であった。御心のつきて遊ばされた事ではないので御心がさわやかでなく、御供なんかも一寸もめし上らずよくも御寝遊ばされないほどであった。その時摂※(「竹かんむり／（金＋碌のつくり）」、第3水準1-89-79)の松殿が此の事を聞いて「さて、そんなに御考えるつみになるような事があるならば参内して御なぐさめ申さねばならない」と大急ぎで参内して申し上げるには「その様に御心までなやませ給うようになるまで世間をはばかって居らっしゃってはしようがございません。只今すぐその人を御召遊ばしませ。姓や素情を御さぐりになるにはおよびませんですから。やがて基房がよいようにとりはからいましょうから」と申し上げたらば主上は「位を退ってからはそのような事のあった例もたまにはきいて居たけれどもちゃんと位に居ながらそのような物を召された例はまだ一度もきいた事がない。それに私の御代に始めて始めたら後の世の笑草そしり草となるであろう」と仰せてお聞入にならない。関白殿も何ともしようがないので急いで車にのって御退出なってしまった。或る時主上が御手習の御ついでにみどりの薄様の香の香のことに深いのに故い歌ではあるけれ共このような時であったろうと思召されて、

見出し h6

　其の頃何より優美でやさしいことの例に云い出されて居たのは中宮の御所に仕えて居る局の女房達がめしつかわれて居た上童の中に葵の前と云って陛下の御側近う仕る事がある上童が居た。およびになるほどの御用がなくっても主上は常に御召になって居るので主の女房も召しつかう事が出来ずかえって主の女房が葵の前を御主人のようにもてなしていらっしゃった。昔のひなうたに「女を生んでも悲しんではならない。女は運よくさえあれば妃ともなれば又妃は后ともなると云う事がある。」かどうかわからないけれども此の御方はきっと末には女御后とも云われる様にも御なりになるだろうと内々、人のうわさをする時などには葵女御等と云って居た。主上はいつの間にか此の噂を御ききになってからは一寸も今までの様に御召にならなかった。是んな事のあったのはほんとうに御志のつきたのではなく、只、世の中のそしりを思召ての御心であった。御心のつきて遊ばされた事ではないので御心がさわやかでなく、御供なんかも一寸もめし上らずよくも御寝遊ばされないほどであった。その時摂※(「竹かんむり／（金＋碌のつくり）」、第3水準1-89-79)の松殿が此の事を聞いて「さて、そんなに御考えるつみになるような事があるならば参内して御なぐさめ申さねばならない」と大急ぎで参内して申し上げるには「その様に御心までなやませ給うようになるまで世間をはばかって居らっしゃってはしようがございません。只今すぐその人を御召遊ばしませ。姓や素情を御さぐりになるにはおよびませんですから。やがて基房がよいようにとりはからいましょうから」と申し上げたらば主上は「位を退ってからはそのような事のあった例もたまにはきいて居たけれどもちゃんと位に居ながらそのような物を召された例はまだ一度もきいた事がない。それに私の御代に始めて始めたら後の世の笑草そしり草となるであろう」と仰せてお聞入にならない。関白殿も何ともしようがないので急いで車にのって御退出なってしまった。或る時主上が御手習の御ついでにみどりの薄様の香の香のことに深いのに故い歌ではあるけれ共このような時であったろうと思召されて、

 

 

回り込みバージョン　画像が左

　其の頃何より優美でやさしいことの例に云い出されて居たのは中宮の御所に仕えて居る局の女房達がめしつかわれて居た上童の中に葵の前と云って陛下の御側近う仕る事がある上童が居た。およびになるほどの御用がなくっても主上は常に御召になって居るので主の女房も召しつかう事が出来ずかえって主の女房が葵の前を御主人のようにもてなしていらっしゃった。

この文章の上部で回り込みを解除しています。

 

回り込みバージョン　画像が右

このHTMLの書き方だとスマホビューでは、画像が見出しの上に来てしまうレイアウトです。「回り込みバージョン」を使う場合は画像（as-newspaper--imageタグ）の挿入位置に注意が必要になります。（見出しの後に挿入するなどの工夫が必要）特にWPのような自由入力のCMSの場合は、挿入位置がユーザー任せになるので、何らかの方法で注意を促す必要があります。

また「回り込みバージョン」では「as-newspaper--imageタグ（figureタグ）」に直接、「image--right」などの画像の方向を指定する違いがあります。

この文章の上部で回り込みを解除しています。画像の縦幅によっては、文章の下に大きな余白が空く場合があります。

ボタンの囲み

どこでもボタンを中央揃えし、ボタンを一定の横幅に保ちます。

ボタンを複数配置すると自動でサイズを調整します。スマホでは1つの場合は横100％、複数の場合は、自動で2カラムになります。

ボタンの種類

ボタンは「ボタンの囲み」なしで文中に突如ボタン挿入することが可能です。

デフォルト

ボーダー

小さい

テーブル