 {
  background-color: red;
  font: 30px/4 Ahem;
  left: auto;
  /*
  left is set to static position: it should be 8px from
  the left-hand side of document box (at body's margin-left)
  */
  position: absolute;
  right: auto;
  width: auto;
  }

  span
  {
  background-color: green;
  float: left;
  max-width: 4em;
  }
  ]]></style>

 </head>

 <body>

  <p>Below there should be a green square. In the middle of such green square, a black horizontal stripe should be traversing it and protruding out of it to