What is white-space CSS property example

Normally we are using white-space CSS property for the remove white space from the content or any post.

How to remove white space with CSS?

You will remove white space with CSS as the given example below:

Get Code

white-space: normal;

white-space: normal - If we use normal value then it removes all extra spaces only show single space as browser prefer. Normal is the default value.

You can learn anything as HTML, css, Javascript, jquery, angular, math, php, wordpress etc.

white-space: nowrap;

white-space: nowrap - If we use "nowrap" value then it shows all content in the single line and trim all spaces. But if we have to use any br tag in between the content then it will give break line otherwise show in the single line.

You can learn anything as HTML, css, Javascript, jquery, angular, math, php, wordpress etc.

white-space: pre;

white-space: pre - If we use "pre" value then it shows all content as you have copy paste from other resources. It's work as "pre" HTML tag.

You can learn anything as HTML, css, Javascript, jquery, angular, math, php, wordpress etc.

white-space: pre-line;

white-space: pre-line - If we use "pre-line" value then it behaves as you have given content in four lines with spaces then it shows from the start line.

You can learn anything as HTML, css, Javascript, jquery, angular, math, php, wordpress etc.

white-space: pre-wrap;

white-space: pre-wrap - If we use " pre-wrap" value then it shows all content as it is when you have copy paste with a lot of spaces but it will show in the whole boxes as a given example.

You can learn anything as HTML, css, Javascript, jquery, angular, math, php, wordpress etc.