The first commented line is your dabblet’s title

dabblet.css

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

div {
border-radius: 50%;
height: 200px;
background: #ddd;
width: 200px;
}

p {
text-align: center;
width: 90%;
margin: 0 auto;
padding-top: 50%;
background: rgba(0,0,0,0.5);
}

span {
display: block;
font-size: 1.4em;
}

dabblet.html

<div><p><span>888.888</span>Lorem ipsumasd asd asd asd asd asd asd asd</p></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}