white-space:pre; white-space:nowrap; : white space « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. white space

white-space:pre; white-space:nowrap;

  

<?xml version="1.0" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
<style type='text/css'>
body {
   color:#000000;
   background-color:#ffffff;
   font-family:arial, verdana, sans-serif; 
   font-size:12px;}

.pre {white-space:pre;}
.nowrap {white-space:nowrap;}
</style>

</head>

<body>
<h1>white-space</h1>
<p class="normal">Here is some text inside a paragraph designed to test the white-space property of CSS.</p>
<p class="pre">  Here 
    is 
      some 
         text inside a paragraph designed to test the white-space property of
            C   S   S. </p>

<p class="nowrap">Here is some text inside a paragraph designed to test the white-space property of CSS. Here is some text inside a paragraph designed to test the white-space property of CSS.</p>
</body>
</html>








Related examples in the same category

1.The white-space Property
2.'white-space' Example
3.white-space: normal
4.white-space: pre
5.white-space: nowrap, white-space: pre