Skip to content
CWF Lite

Typography

Headings

Section titled “Headings”
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Headings as classes

Section titled “Headings as classes”
<p class="h1">Heading 1</p>
<p class="h2">Heading 2</p>
<p class="h3">Heading 3</p>
<p class="h4">Heading 4</p>
<p class="h5">Heading 5</p>
<p class="h6">Heading 6</p>

Paragraphs

Section titled “Paragraphs”
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sagittis magna sit amet luctus tincidunt.</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam massa dui, interdum porttitor pretium sit amet, tempus et felis. Sed massa magna, cursus et consectetur eu, consectetur vel tellus. Integer vulputate et turpis in facilisis. Praesent a nisi non massa sagittis tincidunt at id magna. Vestibulum iaculis convallis feugiat. Quisque consequat justo quis lectus porttitor, in congue enim luctus.</p>
<p>Sed augue dolor, rutrum vel facilisis non, ornare in mi. Praesent eget ligula dictum, convallis risus ac, tempor nisi. Integer sed pulvinar mi, nec posuere ante. Aenean interdum finibus viverra.</p>

Code

Section titled “Code”
<code>console.log("hello");</code>

Truncated

Section titled “Truncated”
<div style="width: 100px;">
  <p class="truncate">This is some truncated text.<p>
</div>