About Avoiding Widow Words

Widow words are single words at the end of the paragraph. Usually, they subconsciously catch visitors' attention and give an unexpected outcome. To avoid widow words in your headings or normal paragraphs, wrap the last two words of the text block with a non-wrapped span:

HTML

1
<h1>Hello, <span class="text-nowrap">wonderful people</span>!</h1>

CSS

1
2
3
.text-nowrap {
    white-space: nowrap;
}

Tips and Tricks Web Design Development HTML5 CSS3