Esta pergunta já tem uma resposta aqui:

Um problema comum ao trabalhar com tipografia em HTML / CSS é algo que chamamos de "horunge" em sueco ("viúv" em inglês)

O que é isso

Digamos que você tenha uma caixa com 200 pixels de largura e com o texto "Eu amo tipografia muito". Agora o texto quebra e se torna:

Eu amo tipografia muito
Muito d

Como designer, não quero uma palavra bastarda (palavra única / linha). Se este fosse um documento / PDF, etc. Eu quebraria a palavra muito antes e ficaria assim:

Eu amo tipografia
muitíssim

que parece muito melhor.

Posso resolver isso com uma regra CSS ou com um javascript? A regra deve ser nunca deixar uma palavra ficar vazia em uma linh

Sei que pode ser resolvido adicionando um<br /> mas não é uma solução que funcione com larguras dinâmicas, conteúdo de feed, traduções diferentes, problemas de renderização de fontes do navegador etc.

Update (solução) Resolvi meu problema com este plugin jquery:http: //matthewlein.com/widowfix