CSS: Adjusting spacing between letters and words

This entry is part 15 of 26 in the series Basic CSS

Using CSS, we can fine-tune the spacing between letters and words to subtly change the appearance of a paragraph.

<!DOCTYPE html>
<html>
<head lang='en'>     
    <meta charset='UTF-8'>
    <title>Codecrawl.com-Span</title>
    <style>
        #wide {
            word-spacing: 5px;
        }
    </style>
</head>
<body>

<p>Ushuaia is a <span style='letter-spacing: 5px'>GREAT</span> holiday getaway</p>

<p id='wide'>It is the southenmost city in the world</p>

</body>
</html>

Series Navigation<< CSS: Inline spans
CSS: Indenting paragraphs >>