# 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 H2O and E=mc2
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

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

## Form Controls — Text Inputs

text
text (empty)
password
number
textarea Textarea content

## 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)