HTML/CSS/Text/word spacing

Материал из Web эксперт
Перейти к: навигация, поиск

word spacing: 10px

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>

   <head>
       <title></title>
       <style type="text/css">
     p {
         word-spacing: 10px;
     }
       </style>
   </head>
   <body>

This is a test. This is a test. This is a test. This is a test.

   </body>

</html>

</source>
   
  


word-spacing: 3em|normal

   <source lang="html4strict">

<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Example</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style rel="stylesheet" type="text/css"> p.normal {

 word-spacing: normal;

} p.wide {

 word-spacing: 3em;

} p.narrow {

 word-spacing: -.5ex;

} </style> </head> <body>

This paragraph has normal word-spacing.

This paragraph uses a 3em word-spacing.

This paragraph uses a -.5ex word-spacing.

</body> </html>

</source>
   
  


word spacing negative

   <source lang="html4strict">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html>

   <head>
       <title></title>
       <style type="text/css">
     p {
         word-spacing: -5px;
     }
       </style>
   </head>
   <body>

This is a test. This is a test. This is a test. This is a test.

   </body>

</html>

</source>