body {

dabblet.css

/*

body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 50px
}

div {
  background: lemonchiffon;
  margin: 0 auto;
  width: 400px;
  padding:20px
}

h1 {
  color:orange;
}

*/

dabblet.html

<div>

  <h1>HTML & CSS</h1>
  
  <h2>What is HTML?</h2>
  
  <p>HTML stands for <strong>H</strong>yper <strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage</p>
  <p>It is a language used to create web page layouts. It uses "HTML tags" to tell web browsers how text, images, and other kinds of content should be arranged on the page.</p>


  <h2>What is CSS?</h2>
  
  <p>CSS stands for <strong>C</strong>ascading <strong>S</strong>tyle <strong>S</strong>heets</p>
  <p>It allows us to change the formatting and style of a web page. It controls things like colors and fonts.
  
  
  <h2>Why are HTML & CSS so important?</h2>
  
  <ol>
    <li>Every single website uses them!</li>
    <li>Web browsers like Chrome, Firefox, and Internet Explorer read HTML and CSS so that they know how to show the web page.</li>
    <!-- <li>They are completely free to use.</li> -->
  </ol>

</div>

dabblet.js

// alert('Hello world!');

settings.json

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