Untitled

dabblet.css

* {
  margin: 0;
}
html {
  /*background: url(http://griddle.it/936-2-935?horizontal=12&num=false) 0 0;*/
  font-family: serif;
  font-size: 12px;
}
body {
  font-size: 1.5rem;
  line-height: 2rem;
  max-width: 30em;
  padding: 0 0 1em 1em;
}
p {
  margin-top: 2rem;
}
ul {
  margin-top: 2rem;
}
h1 {
  font-size: 2.7rem;
  line-height: 3rem;
  margin-top: 3rem;
}
h2, .lead {
  font-size: 2.1rem;
  line-height: 2.5rem;
  margin-top: 2rem;
}
h3 {
  font-size: 1.7rem;
  line-height: 2rem;
  margin-top: 2rem;
}
h3 + p {
  margin-top: 0;
}
hr {
  margin-top: 1.9rem;
  border: 0;
  border-top: .1rem solid black;
}

dabblet.html

<h1>This is a page title</h1>

<p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aeque enim contingit omnibus fidibus, ut incontentae sint.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aeque enim contingit omnibus fidibus, ut incontentae sint. Quare hoc videndum est, possitne nobis hoc ratio philosophorum dare. Illi enim inter se dissentiunt. Ipse Epicurus fortasse redderet, ut Sextus Peducaeus, Sex. Duo Reges: constructio interrete. </p>

<h2>This is a section header</h2>

<p>Cum autem in quo sapienter dicimus, id a primo rectissime dicitur. Numquam facies. Vidit Homerus probari fabulam non posse, si cantiunculis tantus irretitus vir teneretur; </p>

<hr>

<h3>This is a list header</h3>
<ul>
  <li>List Item</li>
  <li>List Item</li>
  <li>List Item</li>
</ul>

<hr>

<h3>This is a paragraph header</h3>
<p>Etiam at risus et justo dignissim congue. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In.</p>

<h3>This is a paragraph header</h3>
<p>Etiam at risus et justo dignissim congue. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In.</p>

settings.json

{"view":"split","fontsize":"80","seethrough":"","prefixfree":"1","page":"result"}