Positioning exercises

dabblet.css

/*
  Positioning exercises
*/

.container {
  border:  teal;
}

.box { 
  color: white;
  text-align: center;
  font-size: 22px;
  background-color: red;
  width: 100px;
  height: 100px;
}

.box1 {}
.box2 {}
.box3 {}
.box4 {}

dabblet.html

<div class="container">
  <div class="box box1">One</div>
  <div class="box box2">Two</div>
  <div class="box box3">three</div>
  <div class="box box4">Four</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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