Things you can color

dabblet.css

/**
 * Things you can color
 */
 body {
     column-count: 3;
     column-gap: 2em;
     column-rule: 2px solid salmon;
 }
 
 
 p {
   display: inline;
 }
 
 section:nth-child(1){
     margin-top: 0;
     margin-bottom:3em;
     background-color: lightblue;
 }
 
 section:nth-child(2){
     border: .25em dashed red;
     margin-top: 3em;
     margin-bottom: 4em;
 }
 
 section:nth-child(3) {
 	outline: 2px solid black;
 	box-shadow: inset 0 0 6px 2px hsl(120,100%, 50%);
 	margin-bottom: 0;
 	margin-top: 4em;
 }
 
 p::first-letter {
    text-decoration: overline;
    text-decoration-color: red; /* not yet supported */
 }

dabblet.html

<section>
    <p>This is a paragraph.</p>
</section>
<section>
    <p>This is a second paragraph.</p>
</section>
<section>
    <p>This is a third paragraph.</p>
</section>

dabblet.js

// alert('Hello world!');

settings.json

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