Just to make it look clearer

dabblet.css

.lname {
	color: #c30;
}












/* Just to make it look clearer */
* {margin: 0; padding:0}
body {color: #efefef; font-size: 3em;width: 800px; margin: auto;}
li {
	list-style-type: none;
	margin: 10px;
	padding: 10px;
}

dabblet.html

<ul id="attendees">
	<li class="student">Monica <span class="lname">Geller</span></li>
	<li class="student">Joey <span class="lname">Tribbiani</span></li>
	<li class="instructor">Amir <span class="lname">Nagri</span></li>
	<li>Praveen <span class="lname">Kumar</span></li>
</ul>

settings.json

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