Spacers

You might come across instances where you need extra vertical white space and instead of using repeated <br> elements or going into the CSS and creating one-off padding or margin declarations, you can use one of these easy <div> snippets to add CSS-powered spacer blocks.

They are available in four sizes, and can be stacked on top of each other for even greater sizes of white space.

.spacer-1 - 16px
<div class="spacer-1"></div>
.spacer-2 - 32px
<div class="spacer-2"></div>
.spacer-3 - 48px
<div class="spacer-3"></div>
.spacer-4 - 64px
<div class="spacer-4"></div>