UI Drafter

How to Fix
Widow Words?

Eric Fortis
orphan widow html

Widows are the lone words in the last line of paragraph. Besides the aesthetics, fixing them could help the reading. For example, some instructions are easier to follow when they line up together, such as FileSave to Disk.

Similarly, for keeping together multi-word names, such as UI Drafter.

Option A: HTML Entity

Use a non-breaking space.

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

Similarly, there's a non-breaking hypen (‑) &#8209;

Option B: CSS Class

.NoWrap { white-space: nowrap }

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

Sponsored by: