How to Fix Uneven Word Spacing in WordPress

Large or uneven gaps between words in a WordPress post are often caused by CSS text justification. When a paragraph uses text-align: justify, the browser stretches spaces so each line reaches both edges of its text container. This can look awkward in narrow columns, on mobile screens, or in paragraphs with short lines.

This issue is controlled by your theme's CSS, not by WordPress post content itself. The original problem described here appeared in the old Kubrick theme, but the same CSS behavior can occur with modern themes.

Why WordPress text can have uneven word spacing

Justified text aligns both the left and right edges of each line. To do that, the browser adjusts the space between words. Depending on the column width and line length, those spaces can become unusually large. The effect is especially noticeable on mobile devices or in narrow content areas.

If the text is not justified, check for other CSS rules such as word-spacing, letter-spacing, or white-space before changing anything.

How to fix uneven word spacing in WordPress

The easiest fix is to override the alignment for the content area. First, back up your site or child theme stylesheet. Then add this CSS using your theme's supported custom CSS area or your child theme's stylesheet:

.entry-content,
.entry-content p {
    text-align: left;
}

For many classic themes, you can add this under Appearance > Customize > Additional CSS. If you use a block theme, look for the custom CSS option in the Site Editor's Styles panel. The exact location depends on your theme and WordPress version.

If the CSS does not change the spacing

1. Open the affected page in your browser and right-click a paragraph with the problem.
2. Choose Inspect or Inspect Element to open Developer Tools.
3. Select the paragraph and check the computed text-align, word-spacing, letter-spacing, and white-space properties.
4. Identify the selector applying the unwanted rule, then create a more specific override in your child theme or custom CSS area.
5. Clear your page cache and browser cache, then check the page at desktop and mobile widths.

If your theme uses a different content wrapper than .entry-content, replace that selector with the class shown in Developer Tools. Avoid editing the parent theme's style.css directly because theme updates can overwrite your changes.

What about the original Kubrick theme fix?

The original issue appeared in the classic Kubrick theme, whose post styling used a rule similar to this:

.post {
    margin: 0 0 40px;
    text-align: justify;
}

Changing text-align: justify to text-align: left corrected that specific theme's spacing problem. Modern themes use different markup and CSS selectors, so the .post rule is not a universal WordPress fix. Target the actual content selector used by your active theme.

Left-aligned body text is generally easier to scan on narrow screens, while justified text may still be suitable for some wider layouts if the spacing remains comfortable.