¿Haciendo un mensaje de texto sin roto?

Question

Di que tengo un texto como este

Hola, soy un mensaje de texto Hola, soy un mensaje de texto Hola, soy un mensaje de texto Hola, soy un texto No deseo que me rompan en nuevas líneas

Considere el párrafo anterior. Quiero que la parte en negrita no se rompa en una nueva línea si es posible. Como en, quiero que se rompa si requeriría una barra de desplazamiento o algo así, pero no se rompa si es posible insertar un descanso de página antes o después de ese texto para que pueda caber en una línea.

¿Cómo es esto posible? He probado cosas como page-break-inside Y tal, pero no parece hacer nada en Firefox.

Answer 1

Utilizar el white-space propiedad:

Hello I am some text Hello I am some text Hello I am some text
Hello I am some text <span class="nobr">I do not wish to be
broken on new lines</span>

con:

span.nobr { white-space: nowrap; }

Answer 2

Agregar esto para la integridad:

Si no desea usar CSS, puede usar <nobr>text with space</nobr> - referencia aquí

Para bloques de texto puros, creo que no es una etiqueta de formato HTML no más amplia como <i>, <b>, <nobr> Y iguales son válidos para su uso.Para contenido relacionado con la estructura del sitio usar <em>, <strong> y <span class="">.

Answer 3

Bootstrap 4 tiene una clase = "Text-Nowrap"

más aquí https://getbootstrap.com/docs/4.0/utilidades/text/#text-wrapping-and--overflow