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

---

pre-wrap

P A R A G R A P H

---

pre-line

P A R A G R A P H