Demo - CSS Text and Typography

dabblet.css

/*
 * Demo - CSS Text and Typography
 */
 
body {
	font-family: Helvetica, Arial, Open Sans, sans-serif;
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
}

p {
	text-align: left;	
	text-decoration: none;	
	text-indent: 0;	
}

h1 {
	text-overflow: ellipsis;	
	overflow: hidden;	
	width: 100%;	
	white-space: nowrap;
}

dabblet.html

<h1>CSS Text And Typography</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
<p>Paragraph lorem ipsum dolor sit amet, consectetur adipisicing elit. 
<em>Emphasis odio modi numquam quia laudantium voluptates,</em>
officiis nam quo saepe <a href="#">corporis eligendi iure</a>, 
quidem incidunt sint, aspernatur ab deserunt dicta alias facere.</p>
<p><strong>Lorem ipsum dolor sit amet,</strong> consectetur adipisicing elit. <code>Some code necessitatibus provident rem</code>. 
Tempore corporis maiores fugiat culpa officia maxime accusantium 
optio necessitatibus provident rem. Nobis praesentium, placeat 
expedita maiores ad officiis fugit?</p>
<ul><li>List Item 1</li><li>List Item 2</li><li>List Item 3</li></ul>
<ol><li>List Item 1</li><li>List Item 2</li><li>List Item 3</li></ol>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}