HTML Element Default Styles

This page exercises all elements whose defaults were moved to widget-creation code.

Headings

Heading 1 — The quick brown fox

Heading 2 — The quick brown fox

Heading 3 — The quick brown fox

Heading 4 — The quick brown fox

Heading 5 — The quick brown fox

Heading 6 — The quick brown fox

Inline Text Semantics

b / strong bold text strong text

i / em / cite italic text emphasized citation

u / ins underlined inserted

s / del ~~strikethrough~~ ~~deleted~~

small small text

code / kbd function() Ctrl+C

sub / sup H₂O and E=mc²

a (link) clickable link

a (visited) visited link

a (hover) hovered link

mark highlighted text

Block Elements

A paragraph of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Another paragraph with a
line break in the middle.

preformatted text
    with spaces
  and newlines

This is a blockquote. It should have left border, left padding, and background.

Multiple paragraphs in a blockquote.

A div container with no special styling

Lists

Unordered list item 1
Unordered list item 2
- Nested item A
- Nested item B
Unordered list item 3

Ordered list item 1
Ordered list item 2
1. Nested numbered item A
2. Nested numbered item B
Ordered list item 3

Form Controls — Text Inputs

text

text (empty)

password

number

textarea

Form Controls — Buttons

submit

button

reset

Form Controls — Checkboxes

checkbox Option A Option B

radio Choice 1 Choice 2

Tables

Header A	Header B	Header C
Cell 1	Cell 2	Cell 3
Cell 4	Cell 5	Cell 6
Footer 1	Footer 2	Footer 3

Details / Summary

Click to expand details

Hidden content revealed when summary is clicked.

Already open details

This content is visible by default.

Misc

image

fieldset

Legend Fieldset content

hidden input (should not be visible)