CSS white-space property

Given this CSS code:

p {
  width:100px;
  background-color:orange;
  margin:10px 0;
  font-family:monospace;
}

and this HTML code:

<p>
P
  A
    R
      A
        G
          R
            A
              P
                H
</p>

Depending on the white-space property, the resulting presentation will be:

---

normal

P A R A G R A P H

---

nowrap

P A R A G R A P H

---

pre

P A R A G R A P H para graph

---

pre-wrap

P A R A G R A P H

---

pre-line

P A R A G R A P H