Headings and paragraphs

h1 heading

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

h2 heading

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

h3 heading

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

h4 heading

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

h5 heading

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

h6 heading

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

Lists

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem
Description lists
A description list is perfect for defining terms.
Euismod
Vestibulum id ligula porta felis euismod semper eget lacinia odio sem.
Donec id elit non mi porta gravida at eget metus.
Malesuada porta
Etiam porta sem malesuada magna mollis euismod.

Forms

100

Buttons

disabled

Tables

This is an example table, and this is its caption to describe the contents.
Table heading Table heading Table heading Table heading
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell
Table cell Table cell Table cell Table cell

Blockquotes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Preformatted text

<p>Sample text here...</p>
<p>Sample text here...</p>
<pre>&lt;p&gt;Sample text here...&lt;/p&gt;</pre>
<pre><code>&lt;p&gt;Sample text here...&lt;/p&gt;</code></pre>
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}
.example-element {
  margin-bottom: 1rem;
}

Inline Code

For example, <section> should be wrapped as inline. 
For example, <code>&lt;section&gt;</code> should be wrapped as inline.

Emphasis

Example Text
Example Text
Example Text
Example Text
Example Text
<em>Example Text</em>
<strong>Example Text</strong>
<strong><em>Example Text</em></strong>
<em><strong>Example Text</strong></em>
<mark>Example Text</mark>

Misc

Abbreviation

Nulla attr vitae elit libero, a pharetra augue. 
Nulla <abbr title="attribute">att< vitae elit libero, a pharetra augue.

Address

Twitter, Inc.
1355 Market St, Suite 900
San Francisco, CA 94103
P: (123) 456-7890
Full Name
[email protected]

Variables

y = mx + b 
<var>y</var> = <var>m</var><var>x</var> + <var>b</var>

User input

To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + , 
To switch directories, type <kbd>cd</kbd> followed by the name of the directory.<br>
To edit settings, press <kbd><kbd>ctrl</kbd> + <kbd>,</kbd></kbd>

Sample output

This text is meant to be treated as sample output from a computer program. 
<samp>This text is meant to be treated as sample output from a computer program.</samp>

Inserted/Deleted

Something was inserted and somethig was deleted. 
Something <ins>was inserted</ins> and <del>somethig was deleted</del>.

Subscript and Superscript

Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Curabiturblandit tempus porttitor. Aenean eu leo quam. Pellentesqueornare sem lacinia quam venenatis vestibulum. 

<p>
  Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
  Curabitur blandit tempus porttitor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
  Curabitur<sup>blandit</sup> tempus porttitor. Aenean eu leo quam. Pellentesque<sub>ornare</sub> sem lacinia quam venenatis vestibulum.
</p>