In CSS, text spacing can be controlled with these properties:
/* Space between letters */
letter-spacing: 2px; /* Space between words */ word-spacing: 5px; /* Space between lines */ line-height: 1.6;
Example
<p class="text"> This is some text with custom spacing. </p>
.text { letter-spacing: 2px; word-spacing: 6px; line-height: 1.8; }
Quick reference
| Property | Controls | Example |
|---|---|---|
letter-spacing | Space between letters | 2px |
word-spacing | Space between words | 5px |
line-height | Space between lines | 1.5 |
Negative spacing is also possible:
h1 { letter-spacing: -1px; }
If you mean spacing between individual text elements (like <p>, <h1>, etc.), use margin or gap instead.
Comments
Post a Comment