Kitchen Sink

Typography Kitchen Sink

A showcase of HTML typography elements and styles.

Headings

Heading 1

This is a standard paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs

Another paragraph with a link inside of it.

This is a lead paragraph, typically used for introductions.

Text Formatting

The following text uses inline formatting elements:

Bold text using 

Bold text using

Italic text using 

Italic text using

Underlined text using

~~Strikethrough text using <s>~~

Highlighted text using

Text with _subscript and ^superscript

Small text using

Blockquotes

This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title

Lists

Unordered List

List item 1
List item 2
- Nested list item 2.1
- Nested list item 2.2
List item 3

Ordered List

List item 1
List item 2
1. Nested list item 2.1
2. Nested list item 2.2
List item 3

Unstyled List

List item 1
List item 2
List item 3

Inline List

List item 1
List item 2
List item 3

Code

Inline <code> element

// This is a code block
function helloWorld() {
    console.log("Hello, world!");
}

Tables

#	First Name	Last Name	Username
1	John	Doe	@johndoe
2	Jane	Smith	@janesmith
3	Bob	Johnson	@bobjohnson

Figures

Placeholder Image — Figure caption: A placeholder image

Inline Images

Address

Example, Inc.
1234 Example Street
Suite 100
City, State 12345
P: (123) 456-7890

Full Name
name@example.com