Квадратиш, практиш, CSS

dabblet.css

/* Квадратиш, практиш, CSS */

.container {
  display: inline-block;
  position: relative;
  width: 20%; /* whatever */
  margin: 0 40%;
}

.blank-gif {
  padding-top: 100%;
}

.square {
  position: absolute;
  top: 0; left: 0;
  bottom: 0; right: 0;
  background: #f0f0f0;
}

dabblet.html

<div class="container">
  <div class="blank-gif"></div>
  <div class="square">Spange Bob Square Block</div>
</div>

dabblet.js

// alert('Hello world!');

settings.json

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