White-space

Question

Can anyone explain in another way how the white-space values below work. I don't get what the accompanying blurb is trying to get across?
white-space: pre;
white-space: pre-line;
white-space: pre-wrap;

Answer 1

white-space: pre - everything looks exactly like in the code; no spaces are shrinked, no line breaks added
white-space: pre-line - multiple spaces are shrinked to one (like in regular html) lines break as it is specified in the code; no line breaks are added
white-space: pre-wrap - opposite of pre-line; multiple spaces remain unshrinked but lines can wrap in the white space