diff --git a/examples/output/sample_long-b.html b/examples/output/sample_long-b.html
new file mode 100644
index 00000000..245820e9
--- /dev/null
+++ b/examples/output/sample_long-b.html
@@ -0,0 +1,1213 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+
+<title>Craig Davis | Senior PHP Developer, UX Director</title>
+<style type="text/css">
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+  display: block;
+}
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+audio:not([controls]) {
+  display: none;
+}
+[hidden] {
+  display: none;
+}
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+html,
+button,
+input,
+select,
+textarea {
+  font-family: sans-serif;
+}
+body {
+  margin: 0;
+}
+a:focus {
+  outline: thin dotted;
+}
+a:hover,
+a:active {
+  outline: 0;
+}
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+h2 {
+  font-size: 1.5em;
+  margin: 0.83em 0;
+}
+h3 {
+  font-size: 1.17em;
+  margin: 1em 0;
+}
+h4 {
+  font-size: 1em;
+  margin: 1.33em 0;
+}
+h5 {
+  font-size: 0.83em;
+  margin: 1.67em 0;
+}
+h6 {
+  font-size: 0.75em;
+  margin: 2.33em 0;
+}
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+b,
+strong {
+  font-weight: bold;
+}
+blockquote {
+  margin: 1em 40px;
+}
+dfn {
+  font-style: italic;
+}
+mark {
+  background: #ff0;
+  color: #000;
+}
+p,
+pre {
+  margin: 1em 0;
+}
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em;
+}
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+q {
+  quotes: none;
+}
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+small {
+  font-size: 75%;
+}
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+sup {
+  top: -0.5em;
+}
+sub {
+  bottom: -0.25em;
+}
+dl,
+menu,
+ol,
+ul {
+  margin: 1em 0;
+}
+dd {
+  margin: 0 0 0 40px;
+}
+menu,
+ol,
+ul {
+  padding: 0 0 0 40px;
+}
+nav ul,
+nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+svg:not(:root) {
+  overflow: hidden;
+}
+figure {
+  margin: 0;
+}
+form {
+  margin: 0;
+}
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+legend {
+  border: 0;
+  padding: 0;
+  white-space: normal;
+  *margin-left: -7px;
+}
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline;
+  *vertical-align: middle;
+}
+button,
+input {
+  line-height: normal;
+}
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer;
+  -webkit-appearance: button;
+  *overflow: visible;
+}
+button[disabled],
+input[disabled] {
+  cursor: default;
+}
+input[type="checkbox"],
+input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+  *height: 13px;
+  *width: 13px;
+}
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+body.pdf {
+  color: black;
+}
+body.pdf a {
+  text-decoration: none;
+  color: black;
+}
+body.pdf .container {
+  width: 1000px;
+  margin: 0 auto;
+  padding: 0;
+  background: none;
+  border: none;
+  border-width: 8px 0 2px 0;
+  text-align: left;
+}
+body.pdf .resume {
+  position: relative;
+  padding: 40px 80px;
+}
+body.pdf a[href$='.pdf'] {
+  display: none;
+}
+body.pdf a[href$='link'] {
+  display: none;
+}
+body.pdf h1 {
+  letter-spacing: 0;
+  margin-top: 0;
+  font-size: 48px;
+  text-transform: uppercase;
+  font-weight: normal;
+}
+body.pdf h2 {
+  letter-spacing: 0;
+  text-transform: uppercase;
+  font-style: italic;
+  font-weight: normal;
+}
+body.pdf h3 {
+  float: left;
+  width: 16%;
+  font-style: normal;
+}
+body.pdf h3+p {
+  float: left;
+  width: 78%;
+}
+body.pdf blockquote {
+  top: 40px;
+  right: 50px;
+  position: absolute;
+}
+body.pdf ul li {
+  width: 33%;
+  float: left;
+}
+body.pdf ul dl {
+  margin: 0;
+  padding: 0.3em 0 0;
+}
+body.pdf ul dl dt {
+  font-size: 122%;
+  font-weight: normal;
+  margin: 0 0 .75em;
+}
+body.pdf ul dl dd {
+  padding: 0 2em 0 0;
+}
+body.pdf ol {
+  float: left;
+  width: 79%;
+  margin: .7em 0 0;
+}
+body.pdf ol li {
+  width: 33%;
+  margin: 0;
+}
+body.pdf ol li:nth-child(3n) {
+  width: 34%;
+}
+body.pdf ol li:nth-child(1),
+body.pdf ol li:nth-child(2),
+body.pdf ol li:nth-child(3) {
+  border-top: none;
+}
+body.pdf ol li:nth-child(4):nth-last-child(5n+2) {
+  border-top: none;
+}
+body.pdf ol li:nth-child(5):nth-last-child(5n+1) {
+  border-top: none;
+}
+body.pdf ol li:nth-child(5n + 1):nth-last-child(5n + 5) {
+  width: 37%;
+  clear: left;
+  padding-right: 3%;
+}
+body.pdf ol li:nth-child(5n + 2):nth-last-child(5n + 4) {
+  width: 15%;
+  clear: none;
+  padding-right: 2%;
+}
+body.pdf ol li:nth-child(5n + 3):nth-last-child(5n + 3) {
+  width: 13%;
+  clear: none;
+  padding-right: 2%;
+}
+body.pdf ol li:nth-child(5n + 4):nth-last-child(5n + 2) {
+  width: 8%;
+  clear: none;
+  text-align: right;
+  padding-right: 2%;
+}
+body.pdf ol li:nth-child(5n):nth-last-child(5n + 1) {
+  width: 15%;
+  clear: right;
+  text-align: right;
+  font-weight: bold;
+}
+body.pdf dl {
+  margin: .7em 0 0;
+  page-break-inside: avoid !important;
+  display: block;
+  width: 69%;
+  float: left;
+}
+body.pdf dl dd {
+  position: relative;
+  font-size: 100%;
+}
+body.pdf dl dd strong:last-of-type {
+  float: right;
+  display: block;
+  margin: .15em 0 .5em;
+  font-style: bold;
+}
+
+.clearfix {
+  zoom: 1;
+}
+.clearfix:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+body {
+  font-family: 'Hoefler Text', Times New Roman, Times, serif;
+  color: #444;
+}
+h1,
+h2,
+h3,
+h4,
+ul dl dt {
+  font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
+}
+h4 {
+  margin: -0.2em 0em .1em;
+  font-weight: normal;
+}
+.container {
+  margin: 0 auto;
+  padding: 0;
+  background: whiteSmoke;
+  border: solid #666;
+  border-width: 8px 0 2px 0;
+  text-align: left;
+}
+.resume {
+  position: relative;
+  padding: 10px 20px;
+}
+a {
+  color: #990003;
+}
+blockquote > a[href$='.pdf'] {
+  display: inline-block;
+  background: #666;
+  color: white;
+  padding: 6px 12px;
+  margin-bottom: 6px;
+  text-decoration: none;
+}
+blockquote {
+  margin: 0;
+  padding: 0;
+  line-height: 1.4em;
+}
+hr {
+  display: block;
+  position: relative;
+  padding: 0px 0px 8px;
+  margin: 2em 0px 1em;
+  width: 100%;
+  clear: both;
+  border: none;
+  border-top: 1px solid #CCC;
+  font-size: 1px;
+  line-height: 0;
+  overflow: visible;
+  page-break-after: avoid;
+}
+h1 {
+  margin: 0;
+  padding: 0;
+  font-size: 36px;
+  letter-spacing: -1px;
+  font-weight: normal;
+}
+h2 {
+  margin: 0em 0em 1em;
+  padding: 0;
+  font-size: 28px;
+  font-style: italic;
+  letter-spacing: -1px;
+  font-weight: normal;
+}
+h3 {
+  margin: 0px 20px;
+  padding: 0 0 .5em;
+  font-size: 140%;
+  font-style: italic;
+  font-weight: normal;
+}
+h3+p {
+  margin: .6em 0 16px;
+  padding: 0;
+  display: block;
+  font-size: 104%;
+  line-height: 24px;
+}
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: table;
+}
+ul li {
+  margin: 0;
+  padding: 0;
+}
+ul dl {
+  margin: .3em 0 0;
+  padding: 0;
+  width: 100%;
+}
+ul dl dt {
+  font-size: 100%;
+}
+ul dl dd {
+  margin: 0 0 1em;
+  padding: 0 2em 0 0;
+  font-size: .8em;
+  line-height: 1.5em;
+}
+ol {
+  margin: 0;
+  padding: 0 0 .75em;
+  width: 84%;
+  display: inline-block;
+}
+ol li {
+  margin: 0 0 0 1em;
+  padding: 0;
+  border-top: 1px solid #CCCCCC;
+  width: 100%;
+  float: left;
+  list-style: none;
+  line-height: 24px;
+}
+ol li p {
+  margin: 0px;
+}
+ol li:nth-child(1) {
+  border-top: none;
+}
+ol li h4 {
+  margin: 1em 0em 0em;
+}
+dl {
+  display: inline-block;
+  width: 79%;
+  margin: 0;
+  padding: 0;
+}
+dl dt {
+  margin: 0;
+  padding: 0;
+  font-size: 120%;
+}
+dl dd {
+  clear: right;
+  margin: 0 0 1.5em;
+  padding: 0;
+  line-height: 1.4em;
+  padding-left: 30px;
+  text-indent: -30px;
+}
+dl dd p {
+  margin: 0px;
+}
+#footer {
+  display: none;
+}
+#footer + p {
+  width: 100%;
+  font-size: 11px;
+  text-align: center;
+}
+
+.clearfix {
+  zoom: 1;
+}
+.clearfix:after {
+  display: block;
+  visibility: hidden;
+  height: 0;
+  clear: both;
+  content: ".";
+}
+body {
+  font-family: 'Hoefler Text', Times New Roman, Times, serif;
+  color: #444;
+}
+h1,
+h2,
+h3,
+h4,
+ul dl dt {
+  font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
+}
+h4 {
+  margin: -0.2em 0em .1em;
+  font-weight: normal;
+}
+.container {
+  margin: 0 auto;
+  padding: 0;
+  background: whiteSmoke;
+  border: solid #666;
+  border-width: 8px 0 2px 0;
+  text-align: left;
+}
+.resume {
+  position: relative;
+  padding: 10px 20px;
+}
+a {
+  color: #990003;
+}
+blockquote > a[href$='.pdf'] {
+  display: inline-block;
+  background: #666;
+  color: white;
+  padding: 6px 12px;
+  margin-bottom: 6px;
+  text-decoration: none;
+}
+blockquote {
+  margin: 0;
+  padding: 0;
+  line-height: 1.4em;
+}
+hr {
+  display: block;
+  position: relative;
+  padding: 0px 0px 8px;
+  margin: 2em 0px 1em;
+  width: 100%;
+  clear: both;
+  border: none;
+  border-top: 1px solid #CCC;
+  font-size: 1px;
+  line-height: 0;
+  overflow: visible;
+  page-break-after: avoid;
+}
+h1 {
+  margin: 0;
+  padding: 0;
+  font-size: 36px;
+  letter-spacing: -1px;
+  font-weight: normal;
+}
+h2 {
+  margin: 0em 0em 1em;
+  padding: 0;
+  font-size: 18px;
+  font-style: italic;
+  letter-spacing: -1px;
+  font-weight: normal;
+}
+h3 {
+  margin: 0px 20px;
+  padding: 0 0 .5em;
+  font-size: 140%;
+  font-style: italic;
+  font-weight: normal;
+}
+h3+p {
+  margin: .6em 0 16px;
+  padding: 0;
+  display: block;
+  font-size: 104%;
+  line-height: 24px;
+}
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: table;
+}
+ul li {
+  margin: 0;
+  padding: 0;
+}
+ul dl {
+  margin: .3em 0 0;
+  padding: 0;
+  width: 100%;
+}
+ul dl dt {
+  font-size: 100%;
+}
+ul dl dd {
+  margin: 0 0 1em;
+  padding: 0 2em 0 0;
+  font-size: .8em;
+  line-height: 1.5em;
+}
+ol {
+  margin: 0;
+  padding: 0 0 .75em;
+  width: 84%;
+  display: inline-block;
+}
+ol li {
+  margin: 0 0 0 1em;
+  padding: 0;
+  border-top: 1px solid #CCCCCC;
+  width: 100%;
+  float: left;
+  list-style: none;
+  line-height: 24px;
+}
+ol li p {
+  margin: 0px;
+}
+ol li:nth-child(1) {
+  border-top: none;
+}
+ol li h4 {
+  margin: 1em 0em 0em;
+}
+dl {
+  display: inline-block;
+  width: 79%;
+  margin: 0;
+  padding: 0;
+}
+dl dt {
+  margin: 0;
+  padding: 0;
+  font-size: 120%;
+}
+dl dd {
+  clear: right;
+  margin: 0 0 1.5em;
+  padding: 0;
+  line-height: 1.4em;
+  padding-left: 30px;
+  text-indent: -30px;
+}
+dl dd p {
+  margin: 0px;
+}
+#footer {
+  display: none;
+}
+#footer + p {
+  width: 100%;
+  font-size: 11px;
+  text-align: center;
+}
+
+@media screen and (min-width: 37.5em) {
+  body {
+    padding: 2em 0;
+  }
+  blockquote {
+    top: 10px;
+    right: 50px;
+    position: absolute;
+  }
+  h1 {
+    margin-top: .5em;
+  }
+  ol {
+    margin: 0 0 0 1em;
+  }
+  ol li {
+    width: 50%;
+    margin: 0;
+  }
+  ol li:nth-child(1),
+  ol li:nth-child(2) {
+    border-top: none;
+  }
+}
+@media screen and (min-width: 57em) {
+  .container {
+    width: 912px;
+  }
+  .resume {
+    position: relative;
+    padding: 40px 50px;
+  }
+  blockquote {
+    top: 40px;
+    right: 50px;
+    position: absolute;
+  }
+  h1 {
+    margin-top: 0;
+    font-size: 48px;
+    text-transform: uppercase;
+    letter-spacing: 3px;
+    font-weight: normal;
+  }
+  h2 {
+    text-transform: uppercase;
+    font-style: italic;
+    letter-spacing: 2px;
+    font-weight: normal;
+  }
+  h3 {
+    float: left;
+    width: 16%;
+  }
+  h3+p {
+    float: left;
+    width: 78%;
+  }
+  ul li {
+    width: 33%;
+    float: left;
+  }
+  ul dl dt {
+    font-size: 122%;
+    font-weight: normal;
+    margin-bottom: .75em;
+  }
+  ul dl dd {
+    padding: 0 2em 0 0;
+  }
+  ol {
+    float: left;
+    width: 79%;
+    margin: .6em 0 0;
+  }
+  ol li {
+    width: 33%;
+    margin: 0;
+  }
+  ol li:nth-child(3n) {
+    width: 34%;
+  }
+  ol li:nth-child(1),
+  ol li:nth-child(2),
+  ol li:nth-child(3) {
+    border-top: none;
+  }
+  dl {
+    margin: .5em 0 0;
+  }
+  dl dd {
+    position: relative;
+    width: 74%;
+  }
+  dl dd strong {
+    padding-bottom: 1px;
+    border-bottom: 1px solid;
+    font-weight: normal;
+  }
+  dl dd strong:last-of-type {
+    border-bottom: none;
+    float: right;
+    position: absolute;
+    top: 0px;
+    right: -20%;
+    font-weight: bold;
+    text-align: right;
+  }
+  #funding + dl dd em:last-of-type {
+    float: right;
+    font-weight: bold;
+    font-style: normal;
+    font-size: .9em;
+  }
+  ol li:nth-child(4):nth-last-child(5n+2) {
+    border-top: none;
+  }
+  ol li:nth-child(5):nth-last-child(5n+1) {
+    border-top: none;
+  }
+  ol li:nth-child(5n + 1):nth-last-child(5n + 5) {
+    width: 35%;
+    clear: left;
+    padding-right: 3%;
+  }
+  ol li:nth-child(5n + 2):nth-last-child(5n + 4) {
+    width: 15%;
+    clear: none;
+    padding-right: 2%;
+  }
+  ol li:nth-child(5n + 3):nth-last-child(5n + 3) {
+    width: 13%;
+    clear: none;
+    padding-right: 2%;
+  }
+  ol li:nth-child(5n + 4):nth-last-child(5n + 2) {
+    width: 8%;
+    clear: none;
+    text-align: right;
+    padding-right: 2%;
+  }
+  ol li:nth-child(5n):nth-last-child(5n + 1) {
+    width: 15%;
+    clear: right;
+    text-align: right;
+    font-weight: bold;
+  }
+}
+@media print {
+  body {
+    color: black;
+    margin: 0px;
+  }
+  a {
+    text-decoration: none;
+    color: black;
+  }
+  .container {
+    margin: 0 auto;
+    padding: 0;
+    background: none;
+    border: none;
+    border-width: 8px 0 2px 0;
+    text-align: left;
+  }
+  .resume {
+    position: relative;
+    padding: 0px 20px 0px 0px;
+  }
+  a[href$='.pdf'] {
+    display: none;
+  }
+  h1 {
+    letter-spacing: 0;
+    margin-top: 0;
+    font-size: 48px;
+    text-transform: uppercase;
+    font-weight: normal;
+  }
+  h2 {
+    letter-spacing: 0;
+    text-transform: uppercase;
+    font-style: italic;
+    font-weight: normal;
+  }
+  h3 {
+    float: left;
+    width: 16%;
+    margin-left: 0px;
+    font-style: normal;
+    page-break-inside: avoid;
+  }
+  h3+p {
+    float: left;
+    width: 78%;
+  }
+  hr {
+    page-break-after: avoid;
+  }
+  blockquote {
+    top: 40px;
+    right: 50px;
+    position: absolute;
+  }
+  ul li {
+    width: 33%;
+    float: left;
+    page-break-inside: avoid !important;
+  }
+  ul dl {
+    margin: 0;
+    padding: 0.3em 0 0;
+  }
+  ul dl dt {
+    font-size: 122%;
+    font-weight: normal;
+    margin: 0 0 .75em;
+  }
+  ul dl dd {
+    position: relative;
+    padding: 0 2em 0 0;
+    page-break-inside: avoid !important;
+  }
+  ol {
+    float: left;
+    width: 81%;
+    margin: .7em 0 0;
+  }
+  ol li {
+    width: 33%;
+    margin: 0;
+    page-break-inside: avoid !important;
+  }
+  ol li:nth-child(3n) {
+    width: 34%;
+  }
+  ol li:nth-child(1),
+  ol li:nth-child(2),
+  ol li:nth-child(3) {
+    border-top: none;
+  }
+  ol li:nth-child(4):nth-last-child(5n+2) {
+    border-top: none;
+  }
+  ol li:nth-child(5):nth-last-child(5n+1) {
+    border-top: none;
+  }
+  ol li:nth-child(1):nth-last-child(5n + 5) {
+    width: 38%;
+    clear: left;
+    padding-right: 3%;
+  }
+  ol li:nth-child(2):nth-last-child(5n + 4) {
+    width: 15%;
+    clear: none;
+    padding-right: 2%;
+  }
+  ol li:nth-child(3):nth-last-child(5n + 3) {
+    width: 15%;
+    clear: none;
+    padding-right: 2%;
+  }
+  ol li:nth-child(4):nth-last-child(5n + 2) {
+    width: 8%;
+    clear: none;
+    text-align: right;
+    padding-right: 2%;
+  }
+  ol li:nth-child(5):nth-last-child(5n + 1) {
+    width: 15%;
+    clear: right;
+    text-align: right;
+    font-weight: bold;
+  }
+  ol li:nth-child(5n + 1):nth-last-child(5n + 5) {
+    width: 38%;
+    clear: left;
+    padding-right: 3%;
+  }
+  ol li:nth-child(5n + 2):nth-last-child(5n + 4) {
+    width: 15%;
+    clear: none;
+    padding-right: 2%;
+  }
+  ol li:nth-child(5n + 3):nth-last-child(5n + 3) {
+    width: 15%;
+    clear: none;
+    padding-right: 2%;
+  }
+  ol li:nth-child(5n + 4):nth-last-child(5n + 2) {
+    width: 8%;
+    clear: none;
+    text-align: right;
+    padding-right: 2%;
+  }
+  ol li:nth-child(5n):nth-last-child(5n + 1) {
+    width: 15%;
+    clear: right;
+    text-align: right;
+    font-weight: bold;
+  }
+  dl {
+    margin: .7em 0 0;
+    display: block;
+    width: 68%;
+    float: left;
+  }
+  dl dt {
+    page-break-after: avoid !important;
+  }
+  dl dd {
+    position: relative;
+    page-break-inside: avoid !important;
+  }
+  dl dd strong {
+    padding-bottom: 1px;
+    border-bottom: 1px solid;
+    font-weight: normal;
+  }
+  dl dd strong:last-of-type {
+    border-bottom: none;
+    font-weight: bold;
+    position: absolute;
+    top: 0px;
+    right: -19%;
+    float: right;
+    display: block;
+    margin: .15em 0 .5em;
+    text-align: right;
+  }
+  dl dd + dt {
+    margin-top: 1em;
+  }
+  .container {
+    width: 215mm;
+  }
+  @page {
+    size: auto;
+    margin: 25mm 25mm 25mm 25mm;
+  }
+}
+
+</style>
+</head>
+
+<body class="">
+
+<div class="container">
+    <div class="resume">
+        <h1>Craig Davis</h1>
+
+<h2>Senior PHP Developer, UX Director</h2>
+
+<blockquote>
+  <p><a href="resume.pdf">Download PDF</a><br />
+  <a href="craig@there4development.com">craig@there4development.com</a><br />
+  (999) 888-7777</p>
+</blockquote>
+
+<hr />
+
+<h3 id="profile">Profile</h3>
+
+<p>Progressively evolve cross-platform ideas before impactful infomediaries. Energistically visualize tactical initiatives before cross-media catalysts for change.</p>
+
+<hr />
+
+<h3 id="skills">Skills</h3>
+
+<ul>
+<li><dl>
+<dt>Web Design</dt>
+<dd>Assertively exploit wireless initiatives rather than synergistic core competencies.</dd>
+</dl></li>
+<li><dl>
+<dt>Interface Design</dt>
+<dd>Credibly streamline mission-critical value with multifunctional functionalities.</dd>
+</dl></li>
+<li><dl>
+<dt>Project Direction</dt>
+<dd>Proven ability to lead and manage a wide variety of design and development projects in team and independent situations.</dd>
+</dl></li>
+</ul>
+
+<hr />
+
+<h3 id="technical">Technical</h3>
+
+<ol>
+<li>XHTML</li>
+<li>CSS</li>
+<li>Javascript</li>
+<li>Jquery</li>
+<li>PHP</li>
+<li>CVS / Subversion</li>
+<li>OS X</li>
+<li>Windows XP/Vista</li>
+<li>Linux</li>
+</ol>
+
+<hr />
+
+<h3 id="experience">Experience</h3>
+
+<dl>
+<dt>Initrode Conglomerated</dt>
+<dd><em>Principal and Creative Lead</em>
+<strong>2004-2005</strong>
+Intrinsicly transform flexible manufactured products without excellent intellectual capital. Energistically evisculate orthogonal architectures through covalent action items. Assertively incentivize sticky platforms without synergistic materials.</dd>
+
+<dt>Gizmonic Institute Company (GIM)</dt>
+<dd><em>Lead Web Designer</em>
+<strong>2001-2004</strong>
+Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent e-tailers with timely e-markets.</dd>
+
+<dt>Initrode Conglomerated</dt>
+<dd><em>Principal and Creative Lead</em>
+<strong>2004-2005</strong>
+Intrinsicly transform flexible manufactured products without excellent intellectual capital. Energistically evisculate orthogonal architectures through covalent action items. Assertively incentivize sticky platforms without synergistic materials.</dd>
+
+<dt>Gizmonic Institute Company (GIM)</dt>
+<dd><em>Lead Web Designer</em>
+<strong>2001-2004</strong>
+Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent e-tailers with timely e-markets.</dd>
+
+<dt>Initrode Conglomerated</dt>
+<dd><em>Principal and Creative Lead</em>
+<strong>2004-2005</strong>
+Intrinsicly transform flexible manufactured products without excellent intellectual capital. Energistically evisculate orthogonal architectures through covalent action items. Assertively incentivize sticky platforms without synergistic materials.</dd>
+
+<dt>Gizmonic Institute Company (GIM)</dt>
+<dd><em>Lead Web Designer</em>
+<strong>2001-2004</strong>
+Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent e-tailers with timely e-markets.</dd>
+
+<dt>Initrode Conglomerated</dt>
+<dd><em>Principal and Creative Lead</em>
+<strong>2004-2005</strong>
+Intrinsicly transform flexible manufactured products without excellent intellectual capital. Energistically evisculate orthogonal architectures through covalent action items. Assertively incentivize sticky platforms without synergistic materials.</dd>
+
+<dt>Gizmonic Institute Company (GIM)</dt>
+<dd><em>Lead Web Designer</em>
+<strong>2001-2004</strong>
+Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent e-tailers with timely e-markets.</dd>
+
+<dt>Initrode Conglomerated</dt>
+<dd><em>Principal and Creative Lead</em>
+<strong>2004-2005</strong>
+Intrinsicly transform flexible manufactured products without excellent intellectual capital. Energistically evisculate orthogonal architectures through covalent action items. Assertively incentivize sticky platforms without synergistic materials.</dd>
+
+<dt>Gizmonic Institute Company (GIM)</dt>
+<dd><em>Lead Web Designer</em>
+<strong>2001-2004</strong>
+Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent e-tailers with timely e-markets.</dd>
+
+<dt>Initrode Conglomerated</dt>
+<dd><em>Principal and Creative Lead</em>
+<strong>2004-2005</strong>
+Intrinsicly transform flexible manufactured products without excellent intellectual capital. Energistically evisculate orthogonal architectures through covalent action items. Assertively incentivize sticky platforms without synergistic materials.</dd>
+
+<dt>Gizmonic Institute Company (GIM)</dt>
+<dd><em>Lead Web Designer</em>
+<strong>2001-2004</strong>
+Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent e-tailers with timely e-markets.</dd>
+
+<dt>Initrode Conglomerated</dt>
+<dd><em>Principal and Creative Lead</em>
+<strong>2004-2005</strong>
+Intrinsicly transform flexible manufactured products without excellent intellectual capital. Energistically evisculate orthogonal architectures through covalent action items. Assertively incentivize sticky platforms without synergistic materials.</dd>
+
+<dt>Gizmonic Institute Company (GIM)</dt>
+<dd><em>Lead Web Designer</em>
+<strong>2001-2004</strong>
+Globally re-engineer cross-media schemas through viral methods of empowerment. Proactively grow long-term high-impact human capital and highly efficient innovation. Intrinsicly iterate excellent e-tailers with timely e-markets.</dd>
+</dl>
+
+<hr />
+
+<h3 id="footer">Footer</h3>
+
+<p>Craig Davis &#8212; <a href="craig@there4development.com">craig@there4development.com</a> &#8212; (999) 888-7777</p>
+
+<hr />
+
+    </div>
+</div>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/gif/20160919-sample_long-html-b.png b/gif/20160919-sample_long-html-b.png
new file mode 100644
index 00000000..95a6cfc8
Binary files /dev/null and b/gif/20160919-sample_long-html-b.png differ
