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