Esta pregunta ya tiene una respuesta aquí:

Un problema común cuando se trabaja con tipografía en HTML / CSS es algo que llamamos "horunge" en sueco ("viud" en inglés)

Lo que es

Digamos que tiene una caja con un ancho de 200 px y con el texto "Me encanta la tipografía". Ahora el texto se rompe y se convierte en:

Me encanta la tipografía muy
much

Como diseñador, no quiero una palabra bastarda (una sola palabra / fila). Si se tratara de un documento / PDF, etc., correría la voz antes y me vería así:

Me encanta la tipografía
much

que se ve mucho mejor.

¿Puedo resolver esto con una regla CSS o con javascript? La regla debe ser nunca dejar que una palabra permanezca vacía en una fila.

Sé que se puede resolver agregando un<br /> pero esa no es una solución que funcione con anchos dinámicos, contenido de fuentes, diferentes traducciones, problemas de representación de fuentes del navegador, etc.

Update (solución) Resolví mi problema con este complemento jquery:http: //matthewlein.com/widowfix