Paragrafi contenenti spazi aggiuntivi nel markup HTML

<p>Questo è un paragrafo di prova.</p>

<p>Questo è un 
paragrafo 
di 
prova.</p>

<p>Questo       è      un    paragrafo     di prova.</p>

Questo è un paragrafo di prova.

Questo è un paragrafo di prova.

Questo è un paragrafo di prova.

Il valore 'pre'

<p style="white-space:pre">
La parola che segue è    l   e   n   t  i   s   s    i   m   a.
Metto
molti
a capo,
senza utilizzare elementi <br>
Nam posuere sem ligula. Sed et quam odio. Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique
</p>

La parola che segue è l e n t i s s i m a. Metto molti a capo, senza utilizzare elementi <br> Nam posuere sem ligula. Sed et quam odio. Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique

Il valore 'nowrap'

Un paragrafo normale, vengono inseriti gli 'a capo'

Lorem ipsum dolor sit amet, http://www.ilmiolungomachedicolunghissimourlchecontienemoltialtriterminichenonstoquiacopiare.com Nam posuere sem ligula. Sed et quam odio. Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique

Un paragrafo con specificato 'nowrap': viene visualizzato tutto su un'unica linea, a meno di tag <br>

<p style="white-space:nowrap">L    o   rem ipsum dolor sit amet, http://www.ilmiolungomachedicolunghissimourlchecontienemoltialtriterminichenonstoquiacopiare.com consectetur adipiscing elit. Nam posuere sem ligula. Sed et quam odio. Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique
</p>

L o rem ipsum dolor sit amet, http://www.ilmiolungomachedicolunghissimourlchecontienemoltialtriterminichenonstoquiacopiare.com consectetur adipiscing elit. Nam posuere sem ligula. Sed et quam odio. Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique

Il valore 'pre-wrap'

<p style="white-space:pre-wrap">L    o    r   e   m ipsum dolor sit amet, 
http://www.ilmiolungomachedicolunghissimourlchecontienemoltialtriterminichenonstoquiacopiare.com consectetur adipiscing elit.Nam posuere sem ligula. 
S                e      d     et quam odio. 
Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique,
 in vulputate orci blandit non.
</p>

L o r e m ipsum dolor sit amet, http://www.ilmiolungomachedicolunghissimourlchecontienemoltialtriterminichenonstoquiacopiare.com consectetur adipiscing elit.Nam posuere sem ligula. S e d et quam odio. Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique,
in vulputate orci blandit non.

Il valore 'pre-line'

<p style="white-space:pre-line">L    o    r   e   m ipsum dolor sit amet, 
http://www.ilmiolungomachedicolunghissimourlchecontienemoltialtriterminichenonstoquiacopiare.com consectetur adipiscing elit.Nam posuere sem ligula. 
S                e      d     et quam odio. 
Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique,
 in vulputate orci blandit non.
</p>

L o r e m ipsum dolor sit amet, http://www.ilmiolungomachedicolunghissimourlchecontienemoltialtriterminichenonstoquiacopiare.com consectetur adipiscing elit.Nam posuere sem ligula. S e d et quam odio. Aenean imperdiet nibh id dolor dignissim ultrices. In hac habitasse platea dictumst. Morbi semper neque nec leo lacinia ac fringilla ipsum posuere. Pellentesque porta aliquet orci, quis adipiscing mauris mollis in. Aenean a turpis lacus. Maecenas adipiscing fermentum enim eget tristique,
in vulputate orci blandit non.