Encontramos el hallazgo a este atolladero, o por lo menos eso pensamos. Si tienes interrogantes dínoslo y sin dudarlo te responderemos
Solución:
Desafortunadamente, no existe una solución CSS concreta en el momento de escribir este artículo para lograr el resultado deseado.
Sin embargo, el nivel 3 de CSS ha introducido una función con el nombre text-align-last
para manejar la alineación de la última línea de un bloque:
7.3 Alineación de última línea: la propiedad text-align-last
Esta propiedad describe cómo se alinea la última línea de un bloque o una línea justo antes de un salto de línea forzado.
Pero todavía está en Borrador de Trabajo estado. Por lo tanto, el soporte del navegador no es lo suficientemente bueno como para confiar en esta tecnología (todavía tiene errores en Chrome 35 y solo funciona en Firefox 12+).
Aquí hay un ejemplo que no puedo verificar (debido a mi FF4. ¡Sí! ¡Qué vergüenza!):
textarea
white-space: normal;
text-align: justify;
-moz-text-align-last: center; /* Firefox 12+ */
text-align-last: center;
Alternativa: uso contenteditable
.container
width: 100px;
height: 150px;
background: #eee;
display:flex;
align-items: center;
justify-content: center;
.text
text-align: center;
word-break: break-all;
margin: 10px;
click here and edit
Recuerda difundir este enunciado si te valió la pena.