The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

dabblet.html

<h1>Tekst stylen</h1>
<p>Dit is een eerste paragraaf. Misschien willen we deze iets groter maken. De eerste paragraaf is nu eenmaal vaak de inleiding. Je kan daar afspraken over maken met de contentmensen. Als het inderdaad altijd een inleiding is dan kan je dat visueel maken. Vormgeven. Laten zien. Je kan ook de eerste letter, en de eerste regel anders vormgeven!</p>
<h2>Dit is een heading 2</h2>
<p>Dit is een paragraaf. De eerste <em>gewone</em> paragraaf in de tekst. Hoe style je een paragraaf? De tekst-grootte en het font worden over het algemeen bepaald in de &lt;body> en worden dus doorgegeven aan de paragraaf — of eigenlijk, aan alles waar niet expliciet iets anders op wordt gedefiniëerd. Wat we natuurlijk wél op de &lt;p> zelf definiëreren zijn eigenschappen als margin en padding. </p>
<p>Dit is ook een paragraaf. Maar dit is een paragraaf na een paragraaf. Dat kunnen we ook vormgeven. In sommige gevallen is het bijvoorbeeld mooi om geen witregel te tonen tussen twee paragrafen, maar om de eerste regel in te laten springen. Op dezelfde manier kan je ook bepalen hoe een paragraaf direct na een &lt;h2> er uitziet. Eigenlijk kan je elke combinatie van twee elementen op deze manier vormgeven. Wat kan resulteren in een secure, gedetailleerde en prettige vormgeving.</p>
<ul>
<li>Een ongeordende lijst</li>
<li>Hier kan je ook goed op losgaan</li>
<li>Wel eens van <em>hanging punctuation</em> gehoord?</li>
<li>Gezien dat hij na een paragraaf staat?</li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

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