Form Rig

How to Fix
Widow Words?

Eric Fortis
orphan widow html

Widows are the lone words on the last line of a paragraph. Besides improving aesthetics, fixing them could help with readability. For example, an instruction is easier to follow when it lines up, such as FileSave to Disk.

Similarly, to keep multi-word names together, such as UI Drafter.

Option A: HTML Entity

Use a non-breaking space.

<p>Lorem ipsum dolor sit&nbsp;amet.</p>

By the same token, there's a non-breaking hypen (‑) &#8209;

Option B: CSS Class

.no_wrap { white-space: nowrap }

<p>Lorem ipsum dolor <span class="no_wrap">sit amet.</span></p>

Sponsored by: