1. home
  2. Tutorials
  3. Tutorial
Edit

CSS White Space

The white-space property is used to control the spaces, tabs of the text inside an element. 

<!DOCTYPE html>
<html>
<head>
    <title>Example</title>
    <style>
      p {
        white-space: pre;
      }
    </style>
</head>
<body>
    <p>This text has a line break
        (actually, it has
    many line breaks!)
    and the 
       white-space pre setting 
    tells the browser to honor it
          just like 
        the HTML pre tag.
    </p>
</body>
</html>

Output

    Example       

This text has a line break        (actually, it has    many line breaks!)    and the        white-space pre setting     tells the browser to honor it          just like         the HTML pre tag.