Text

Headings and Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Decoration

Italic, Bold, Underline, Strikethrough, and Highlight text

Italic text

Bold text

Underline text

Strikethrough text

Quote text

Anchor / Link

Highlight text

2¹⁶

A_b

Block Text

Code, Pre-Code, and Blockquote examples

const app = document.getElementById('app')

// Sort by id
array.sort(function (a, b) {
let x = a.id.toLowerCase();
let y = b.id.toLowerCase();
if (x < y) {return 1;}
if (x > y) {return -1;}
return 0;
});

Integer viverra elit sed tincidunt dignissim. Donec luctus malesuada posuere. Sed pulvinar pulvinar augue. Aenean id ligula justo. Curabitur egestas sed augue vel vulputate. Ut tempor sem sit amet diam molestie, id tincidunt lorem vulputate. Duis eu consectetur turpis, sit amet lobortis magna.

Bulleted list

An unordered list example

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5 with text that wraps to the next line if the width is small enough
• Item 6

Numbered List

An ordered list example

1. Item 1
2. Item 2
3. Item 3
   1. Inside item 1
   2. Inside item 2
   3. Inside item 3
4. Item 4

Description Lists

A description list example

Term

Detail 1

Detail 2

Term

Detail 1 with text that wraps to the next line if the width is small enough

Detail 2

Tables

Table example

Table Example

Use class="fill" to fill the container

Buttons

A few different kinds

Checkbox / Radio

Custom Styles

Forms

Some form inputs

Others

Details, Range, and Progress