Space Between Words, Letters, and Lines

You can tell the browser how much space to place between words, letters, and lines.

PropertyDescriptionValues
letter-spacingSets the space between letters normal <length>
word-spacingSets the space between words normal <length>
line-heightSets the height of each line normal <number> <length> <%>
 
<!DOCTYPE HTML> 
<html> 
    <head> 
        <title>Example</title> 
        <style> 
            #myID { 
                margin: 5px; 
                padding: 5px; 
                border: medium double black; 
                background-color: lightgrey; 
                word-spacing: 10px; 
                letter-spacing: 2px; 
                line-height: 3em; 
            } 
        </style> 
    </head> 
    <body> 
        <p id="myID"> 
            HyperText Markup Language (HTML) is the main markup language for 
            displaying web pages and other information that can be displayed 
            in a web browser(From From Wikipedia, the free encyclopedia).
        </p> 
    </body> 
</html>
  
Click to view the demo
Home 
  HTML CSS Book 
    CSS  

Related: