Untitled

dabblet.css

/*Hard to read if used opacity*/
div {
box-shadow: 0 0 0 5px gold;
background: #f06;
font-size: 24px;
position: relative;
width:600px;
}

.opac {
  color: white;
  background-color: rgba(0,0,0,0.5);
  font-size: 3rem;
  position: absolute;
  top: 10px;
  left: 150px;
  width: 300px;
}

dabblet.html

<div>
  cpromise.then((v) =>  { console.log('v is: ', v); 
  reject(Error('error'))} ).catch(e => console.log(e))promise.then((v) =>  { console.log('v is: ', v); reject(Error('error'))} ).catch(e => console.log(e))promise.then((v) =>  { console.log('v is: ', v); reject(Error('error'))} ).catch(e => console.log(e))
 <p class="opac"> this is a paragraph</p>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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