Letter-spacing part 2

• COURSES
• CODE PLAYGROUND
• DISCUSS
• TOP LEARNERS

letter-spacing

78

2/2

   

Using Negative Values

For defining an extra space between characters, negative values are also permitted. 
Here is an example demonstrating the difference between positive and negativevalues: 

The HTML:<p class="positive">This paragraph is letter-spaced at 4px.</p>
<p class="negative">This paragraph is letter-spaced at -1.5px</p>
The CSS:

p.positive {
letter-spacing: 4px;
}
p.negative {
letter-spacing: -1.5px;
} Try It Yourself

Result:
Always test your result, to ensure the text is readable.