Your Site Name

Sample

<h2>見出し

<h3>見出し

<h4>見出し

emタグではこんなふうに強調されます。

aタグなどにclass="btn"をつけると、ボタンになります。

ボタン

dlリストにclass="grid label"をつけた場合

項目
説明
項目
説明

ulリストにclass="yoko"をつけると横並びのリストになります。

２カラムにする場合

<div class="wrapper flex">
<section class="half">
この中に入れたものは横幅半分・余白ありで表示されます。
</section>
</div>
奇数番目のsectionが左側にきます。
これは一つ目のsectionです。
偶数番目のsectionが右側にきます。
これは2つ目のsectionです。
これは３つ目のsectionです。
これは４つ目のsectionです。
class="half"をつけないsectionは、余白はつきますが、幅は半分になりません。