Cacher is the code snippet organizer for pro developers

<!-- blockquote  -->
<blockquote cite="http://www.awwwards.com/">
  hello
</blockquote>

<!-- quote doesn't used breaks -->
<q cite="http://www.awwwards.com/">
  hello
</q>


<!-- preformatted -->
<pre>
  test
  <code>
  test 2
  </code>
</pre>


<!-- code -->
Hello <code>test</code>

<!-- language -->
<li lang="en-US">language english</li>
<li lang="en-GB">language great britain</li>


<!-- abbreviation  -->
<abbr title="Self-contained underwater">SCUBA</abbr>


<!-- address  -->
<address>
 1750 nw
</address>



<wbr> space inside word



<!-- ordered list -->
<ol>
  <li></li>
  <li></li>
</ol>


<!-- unordered list -->
<ul>
  <li></li>
  <li><!-- nested -->
    <ul>
      <li></li>
    </ul>
    </li>
</ul>

<style>

ul{
    list-style-type: square;
    list-style-position: inside;
}

ul li {
	list-style-type: none; /* best for list image*/
	background-image: url('bg.jpg') no-repeat 0 2px;
	padding-left: 30px;
}
li{
	margin-bottom: 1.2em;
}
</style>



<!-- definition list -->
<dl>
  <dt>title</dt>
  <dd>item 1</dd><!-- nested list no bullets -->
  <dd>item 2</dd>
  <dt>title</dt><!-- title -->
  <dd>item 1</dd>
  <dd>item 2</dd>
</dl>


<!-- anchor test -->
<a href="#top">top</a>

<div id="top">
  top
</div></div>


<!-- table -->
<table>
  <thead>
    <tr>
    <th></th>
    <td></td>
    </tr>
  </thead>
  <tbody>
  </tbody>
  <tfooter>
  </tfooter>
</table>


<!-- form -->

<form action="" method="POST" name="form">
	<fieldset>
		<legend>Contact Information</legend>
        <input type="text" name="first-name" value="First Name">
        <textarea name="first-name" cols="30" rows="10"></textarea>
        <select>
        	<optgroup label="Items">
            <option>item 1</option>
            <option>item 2</option>
        	</optgroup>
        </select>
        <input type="submit" value="Submit">
	</fieldset>
</form>