Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8" />
  <title>Experiment with CSS positioning for Shoes</title>
<!--
Basic styles to identify elements and allow positioning
-->
  <style>
body {
  margin: 0;
  padding: 0;
  background-color: #77f;
  font-family: sans-serif;
}

#background {
  background-color: #7f7;
  position: absolute;
  width: 100%;
  height: 100%;
}

p {
  margin: 0;
  padding: 0;
}
  </style>

<!--
Vary these to experiment with positioning

Make measurements in px, or in %.

example:
  top: 100px;
  width: 400px;
  height: 50%;

defaults:
  width: 100%;
  height: 100%;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
-->
  <style>
#background {
  width: 400px;
  height: 50%;
  top: 100px;
}

  </style>
</head>
<body>

  <div id="background">
    <p>This is a test</p>
  </div>

</body>
</html>