| Used for | css | html |
|---|---|---|
| Code, free standing | pre code | <pre><code> code </code></pre> |
| Code, in a list, but in its own block | <div class="code"><pre> code goes here </pre></div> | |
| Code, embeded in a list item | li code | <li>Here is code: <code>code</code> okay.</li> |
| NOTE: | .note | <em class="note">NOTE:</em> this is the note. |