Untitled

dabblet.css

ul, ol
{
	font: 16px Arial;
	width: 200px;
	
	margin: 0;
	padding: 0;
}

body
{
	padding: 40px; // Важно чтобы был внешний padding
}

ul
{
	list-style: none;	
}

ol
{
	list-style-position: outside;
}

li
{
	margin: 0;
	padding-left: 16px;
}

li:before
{
	position: absolute;
}

ul li:before
{
	content: "•";
	
	margin-left: -16px;
}

dabblet.html

<ul>
	<li>Длинная длинная длинная длинная длинная длинная  строка</li>
	<li>Длинная длинная длинная длинная длинная длинная  строка</li>
</ul>

<ol>	
	<li>Длинная длинная длинная длинная длинная длинная  строка</li>	
	<li>Длинная длинная длинная длинная длинная длинная  строка</li>
</ol>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}