Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Text-level semantics

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Address: somewhere, world

The a element example
The abbr element and abbr element with title examples
The b element example
The cite element example
The code element example
The ~~del element~~ example
The dfn element and dfn element with title examples
The em element example
The i element example
The img element example
The ins element example
The kbd element example
The mark element example
The q element inside a q element example
The ~~s element~~ example
The samp element example
The small element example
The span element example
The strong element example
The _{sub element} example
The ^{sup element} example
The u element example
The var element example

Embedded content

Audio

Image

SVG

Video

Interactive content

Details and summary

More info

Additional information

Point 1
Point 2

Iframe

Grouping content

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Preformatted text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

<html>
        <head>
        </head>
        <body>
            <div class="main"> <div>
        </body>
    </html>

Blockquote

Some sort of famous witty quote marked up with a <blockquote> and a child <p> element.

Even better philosophical quote marked up with just a <blockquote> element.

Ordered list

list item 1
list item 1
1. list item 2
2. list item 2
  1. list item 3
  2. list item 3
3. list item 2
4. list item 2
list item 1
list item 1

Unordered list

list item 1
list item 1
- list item 2
- list item 2
  - list item 3
  - list item 3
- list item 2
- list item 2
list item 1
list item 1

Description list

Description name: Description value
Description name: Description value; Description value
Description name
Description name: Description value

Figure

Tabular data

Jimi Hendrix - albums
Album	Year	Price
Album	Year	Price
Are You Experienced	1967	$10.00
Axis: Bold as Love	1967	$12.00
Electric Ladyland	1968	$10.00
Band of Gypsys	1970	$12.00

Forms

Inputs as descendents of labels (form legend). This doubles up as a long legend that can test word wrapping.

Text input

Email input

Search input

Tel input

URL input

Password input

File input

Radio input

Checkbox input

Radio input

Checkbox input

Select field

Textarea Textarea text

Inputs as siblings of labels

Color input

Number input

Range input

Date input

Month input

Week input

Time input

Datetime input

Datetime-local input

Radio input

Checkbox input

Radio input

Checkbox input

Select field

Textarea Textarea text

Clickable inputs and buttons

Box-sizing tests