<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Positioning</title>
  <style>

  /*
  Our, by now common, reset!
  Note when to use inherit and
  when to set an actual value.
  */

  html, body, h1, figure, figcaption, p, img {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    text-align: inherit;
    text-decoration: inherit;
    color: inherit;
    background: transparent;
  }

  /*
  This is a reset for images,
  making them blocks, preventing
  that pesky sliver of whi