 when 'white-space' is set to 'break-spaces', then line feeds (&amp;NewLine; in the code) are preserved, just like with 'white-space: pre' or with 'white-space: pre-wrap'.">

  <style>
  div
    {
      font-family: Ahem;
      font-size: 25px;
      line-height: 1;
      width: 4em;
    }

  div#overlapped-red-reference
    {
      background-color: red;
      height: 4em;
    }

  div#overlapping-green-test
    {
      background-color: green;
      bottom: 4em;
      color: red;
      position: relative;