Working for an agency with a traditional print background, our designers are often hung up on widows and orphans. With most designs these days having some form of responsive and/or fluid component, it’s hard not to have the occasional widow or orphans. While I’ve admittedly never spent much time trying to come up with a solution, a quick Google search tonight found this post from a few years back that uses a few lines of jQuery to basically insert a non-breaking space to prevent single words from dropping to their own line all by themselves.
It’s a great start, and the couple lines of jQuery have been added to my large, but still ever-growing list of text snippets in TextExpander.
Source: Web Dev Door –
Preventing Widows and Orphans in Websites
