Lists and Code

Lists are used to group related pieces of information together, so they are clearly associated with each other and easy to read.

In modern web development lists are workhorse elements, frequently used for navigation as well as general content.

Definition List

<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>
Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered List (Nested)

<ul>
  <li>...</li>
</ul>
  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

<ol>
  <li>...</li>
</ol>
  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

Preformatted Text

Typographically, preformatted text is not the same thing as code. Sometimes, a faithful execution of the text requires preformatted text that may not have anything to do with code. For example:

<pre>...</pre>

“Beware the Jabberwock, my son!
    The jaws that bite, the claws that catch!
Beware the Jubjub bird, and shun
    The frumious Bandersnatch!”

Code

Code can be presented inline, like <?php bloginfo('stylesheet_url'); ?>.

<code>...</code>

or within a <pre> block.

<pre>
  <code>...</code>
</pre>

  #container { float: left; margin: 0 -240px 0 0; width: 100%; }

User Input

Input that is typically entered via keyboard.

<kbd>...</kbd>

To switch directories, type cd followed by the name of the directory.
To edit settings, press ctrl + ,

Variables

For indicating variables.

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

y = mx + b

Sample Output

For indicating blocks sample output from a program.

<samp>...</samp>

This text is meant to be treated as sample output from a computer program.