Spacings

Spacings are length in pixels that are used for paddings, margins and positioning (top, right, bottom, left).

    <div class="spacing" style="padding:112px">
        <div class="content">14 | 112px <div class="length" style="width:112px"></div></div>
    </div>
    <div class="spacing" style="padding:96px">
        <div class="content">13 | 96px <div class="length" style="width:96px"></div></div>
    </div>
    <div class="spacing" style="padding:80px">
        <div class="content">12 | 80px <div class="length" style="width:80px"></div></div>
    </div>
    <div class="spacing" style="padding:64px">
        <div class="content">11 | 64px <div class="length" style="width:64px"></div></div>
    </div>
    <div class="spacing" style="padding:56px">
        <div class="content">10 | 56px <div class="length" style="width:56px"></div></div>
    </div>
    <div class="spacing" style="padding:48px">
        <div class="content">9 | 48px <div class="length" style="width:48px"></div></div>
    </div>
    <div class="spacing" style="padding:40px">
        <div class="content">8 | 40px <div class="length" style="width:40px"></div></div>
    </div>
    <div class="spacing" style="padding:32px">
        <div class="content">7 | 32px <div class="length" style="width:32px"></div></div>
    </div>
    <div class="spacing" style="padding:24px">
        <div class="content">6 | 24px <div class="length" style="width:24px"></div></div>
    </div>
    <div class="spacing" style="padding:20px">
        <div class="content">5 | 20px <div class="length" style="width:20px"></div></div>
    </div>
    <div class="spacing" style="padding:16px">
        <div class="content">4 | 16px <div class="length" style="width:16px"></div></div>
    </div>
    <div class="spacing" style="padding:12px">
        <div class="content">3 | 12px <div class="length" style="width:12px"></div></div>
    </div>
    <div class="spacing" style="padding:8px">
        <div class="content">2 | 8px <div class="length" style="width:8px"></div></div>
    </div>
    <div class="spacing" style="padding:4px">
        <div class="content">1 | 4px <div class="length" style="width:4px"></div></div>
    </div>
    <div class="spacing" style="padding:0px">
        <div class="content">0 | 0px <div class="length" style="width:0px"></div></div>
    </div>
    <!-- DEMO ONLY -->
    <style>
        body{padding:1em}
        .spacing{background:fuchsia;margin-bottom:1em}
        .content{background:white;padding:1em}
        .length{border-bottom:2px solid fuchsia;}
    </style>