Last Space to   in Every Sentence

Typography looks cleaner when the last word of a heading or sentence is not left alone on a new line. ✨Replacing the final space with a non-breaking space ( ) keeps the last two words together, preventing distracting "widows" and producing more balanced text blocks.
✅ To tidy spacing even more, you can remove successive spaces first, and if placeholders remain, delete tags with a single space.

Example

Before (widowed last word):

<p>The best online HTML cleaner composer and editor is Pretty
HTML</p>

After (kept together):

<p>The best online HTML cleaner 
composer and editor is Pretty&nbsp;HTML</p>

How to use this page

1. Paste into the editor or drop your document in the drop-zone.
2. Select "Smart  ".
3. Click Pretty to apply non-breaking spaces where helpful.
4. Download the result or copy if needed.

When you should use NBSP

Common typography scenarios

A "widow" typically happens when your final word is short, and the container width changes just enough for it to wrap alone. Converting the last space into NBSP prevents the break between the last two words. That's especially useful when your headings are resized responsively with CSS, because you can't predict every wrap point.

JavaScript approach

Convert the last regular space before the final word to   for headings and paragraphs. This example parses the HTML safely using DOM APIs, then edits text nodes via textContent. For best results, apply it to content elements only (like h1 - h6 and p), not entire containers.

function lastSpaceToNbsp(html) {
  var parser = new DOMParser();
  var doc = parser.parseFromString(html, 'text/html');
  function fix(el) {
    var text = el.textContent;
    if (!text) return;
    var trimmed = text.trim();
    var lastSpace = trimmed.lastIndexOf(' ');
    if (lastSpace <= 0) return;
    var before = trimmed.slice(0, lastSpace);
    var after = trimmed.slice(lastSpace + 1);

    el.textContent = before + '\u00A0' + after;
  }
  doc.querySelectorAll('h1,h2,h3,h4,h5,h6,p').forEach(fix);
  return doc.body.innerHTML; }

Optional: only apply when it really prevents a widow

A practical improvement is to only insert   when the last word is short (for example, 2 - 10 characters), because those are most likely to become widows. This keeps your content more naturl while still improving typography. 🎯

function lastSpaceToNbspSmart(html) {
  var doc = new DOMParser().parseFromString(html, 'text/html');
  function smartFix(el) {
    var t = (el.textContent || '').trim();
    if (!t) return;
    var i = t.lastIndexOf(' ');
    if (i <= 0) return;

    var lastWord = t.slice(i + 1);
    if (lastWord.length < 2 || lastWord.length > 10) return;

    el.textContent = t.slice(0, i) + '\u00A0' + lastWord;
  }
  doc.querySelectorAll('h1,h2,h3,h4,h5,h6,p,li,figcaption').forEach(smartFix);
  return doc.body.innerHTML; 
}

FAQ

Back to top