Typography

Heading

h1 heading

h2 heading

h3 heading

h4 heading

h5 heading

h6 heading

Inline text elements

<p class="font-display">Some Title</p>

↓

Some Title

Subtitle

<h4 class="sub-title">Subtitle text</h4>

↓

Subtitle text

divider

[divider] or <div class="divider"></div>

↓

blockquote

<blockquote class="spin">
色んな問題があって常に選択を迫られる時代。
疲弊したり落ち込むこともあるけど、JAMESONを飲んで、この曲を聴いている時は明るく楽しく過ごしてほしいし、そんな時間がみんなにパワーを与えてくれたらいいなという想いでこの曲を作りました。
<cite>Instagramより引用</cite>
</blockquote>

↓

色んな問題があって常に選択を迫られる時代。
疲弊したり落ち込むこともあるけど、JAMESONを飲んで、この曲を聴いている時は明るく楽しく過ごしてほしいし、そんな時間がみんなにパワーを与えてくれたらいいなという想いでこの曲を作りました。
Instagramより引用

List

This is a list.
It appears completely unstyled.
Structurally, it’s still a list.
However, this style only applies to immediate child elements.
Nested lists:
- are unaffected by this style
- will still show a bullet
- and have appropriate left margin
This may still come in handy in some situations.