Forms
Text Content
Paragraphs & Inline Text Semantics

Proin ac rhoncus diam, sit amet congue nibh. Nullam consectetur pretium erat vitae ornare. Quisque porta a dolor vel maximus. Nullam dictum risus pellentesque orci hendrerit commodo. Nunc et dolor sed turpis accumsan feugiat quis sed mi. Aliquam venenatis scelerisque neque id lobortis. Proin dignissim suscipit pharetra.

Proin ac rhoncus diam (<strong>), sit amet congue nibh (<b>). Nullam consectetur pretium erat vitae ornare. Quisque porta (<em>) a dolor vel maximus. Nullam dictum (<i>) risus pellentesque orci hendrerit (<u>) commodo. Nunc et dolor sed turpis accumsan feugiat (<s>) quis sed mi. Aliquam venenatis scelerisque neque (<mark>) id lobortis.

Paragraph then List (reduced spacing)

This paragraph is immediately followed by a list with reduced spacing:

  • First item in the list
  • Second item in the list
  • Third item in the list

Another paragraph followed by an ordered list:

  1. First ordered item
  2. Second ordered item

And a paragraph followed by a definition list:

Term
Definition of the term
Lists
Unordered
  • LX 1234
  • LOVE 45
  • OLD 555
Ordered
  • One Fish
  • Two Fish
  • Red Fish
  • Blue Fish
Definition List
CSS
Cascading Stylesheet
HTML
Hypertext Markup Language
JSON
JavaScript Object Notation
Figure (Narrow Image)
(sample image)
I am a <figcaption> within a <figure>. I may be wider than image. If so, should I wrap?
Figure (Dynamic-Width Image)
(sample image)
I am a <figcaption> within a <figure>. I may be wider than image. If so, should I wrap?
Blockquote

Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.

Demarcating Edits
Inline Inserted Text

This paragraph contains some inserted text to demonstrate the styling.

Block Inserted Content

This is a block of inserted content that demonstrates the .ins-block class styling.

It can contain multiple paragraphs and other content.

The final paragraph should not have extra bottom margin.