Inline elements

Common user-generated content includes anchors, bold and italic text.

Also common phrase tags are <code>, strong and emphasis (much like bold and italic).

Additional inline styles

• anchors
• abbr (with title attribute)
• address
• bold
• cite
• <code>
• definition term
• deleted and inserted
• emphasis
• italic
• keyboard input
• marked (i.e., highlighted)
• sample output
• small
• strike
• strong
• _subscript and ^superscript
• variable

Lists

Block-level elements use line-height: 1.3em; and margin-bottom: .7em; to stack vertical space, like this paragraph!

Unordered lists

• Unordered list item 1
• Unordered list item 2
  • Nested list item 2.1
  • Nested list item 2.2
• Unordered list item 3

Ordered lists

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

Definition list

Term

Description of an item in a definition list.

Block elements

Headings

Paragraphs

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.

Blockquotes

Because WYSIWYG editors use <blockquote> to indent content, we haven’t styled other than a left margin.

Preformatted text

Text in a <pre> element
is displayed in a fixed-width
font, and it preserves
both spaces and
line breaks

Tables

Media

Images

Figures

Embeds