CSS white-space

The CSS white-space property is used to control how white space inside an element is handled. It can be used to control whether to preserve or collapse white space, and how line breaks are handled.

There are several possible values for the white-space property:

normal: Sequences of white space are collapsed. Line breaks are treated as spaces or as a single space, depending on the context.
nowrap: Sequences of white space are collapsed. Text will not wrap to the next line.
pre: Sequences of white space are preserved. Text will only wrap on line breaks.
pre-wrap: Sequences of white space are preserved. Text will wrap on line breaks.
pre-line: Sequences of white space are collapsed. Text will wrap on line breaks.

Examples

Result:

This is an example of normal white space.

Result:

This is an example of nowrap white space.

Result:

This   is   an   example    of   pre   white   space.

Result:

This   is   an   example    of   pre-wrap   white   space.

Result:

This is an example of pre-line white space.