Quiero controlar el texto cuando se desborda de su contenedor por ser muy largo y que en el caso de que no se desborde se quede centrado pero no consigo hacer las dos cosas a la vez. Alguna idea?
.justify {
text-align: justify;
text-justify: inter-word;
}
.paragraph {
text-align: center;
max-width: 220px;
word-wrap: break-word;
word-break: break-all;
text-align-last: left;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
border: 1px solid red;
}
<div class='justify'>
<p class="paragraph">Hola, esto es un texto muy pero que muy largo</p>
</div>
<div class='justify'>
<p class="paragraph">Hola, esto es la palabra externomascloideo que no quiero se divida</p>
</div>
<div class='justify'>
<p class="paragraph">Esto lo quiero centrado!</p>
</div>