Nothing is for sale here. Freewill tips keep the site running. Want to help? → Tip via Paypal

Word Spacing

Oh yeah hey, you want control, I’ll give you control. The word-spacing property controls the amount of space in between words. In typography this is called tracking, in CSS it is called . . . word spacing.

I’ll be you thought I was going to write something silly, didn’t you? I’m totally unpredictable!

To use word-spacing:

body {word-spacing: 3px;}

With that code in your style sheet rules each word would have an additional three pixels of space added to the normal distance between words. You can also use a negative value to draw words closer together.

Here’s how that’s done:

p {word-spacing: -1px;

Word Spacing Examples

This sentence demonstrates word spacing set at: -5 pixels.
This sentence demonstrates word spacing set at: -4 pixels.
This sentence demonstrates word spacing set at: -3 pixels.
This sentence demonstrates word spacing set at: -2 pixels.
This sentence demonstrates word spacing set at: -1 pixels.
This sentence demonstrates word spacing set at the normal spacing.
This sentence demonstrates word spacing set at: 1 pixels.
This sentence demonstrates word spacing set at: 2 pixels.
This sentence demonstrates word spacing set at: 3 pixels.
This sentence demonstrates word spacing set at: 4 pixels.
This sentence demonstrates word spacing set at: 5 pixels.

And this sentence demonstrates how to make home-made ice cream . . . it just doesn't demonstrate it very well. giggle emoji