¿Cómo puedo usar un espacio sin interrupciones antes de un elemento predeterminado de bloque en línea, como un ?

Aquí hay algunos ejemplos de HTML y CSS para mostrar el problema:

thisssssssssssss issssssssss a test

thisssssssssssss isssssssssss another test

thisssssssssssss  test

button { display: inline; }

Pruébelo en este JSFiddle , cambiando el tamaño del área de salida.

Resultado (en Chromium en Ubuntu):

Captura de pantalla JSFiddle

Como puede ver, hay un salto de línea antes del

y no sé si el {{SOME TEXT}} contendrá espacios o no. Puedo agregar HTML adicional alrededor del texto, pero la solución vinculada en la respuesta anterior requiere agregar un elemento dentro del texto mismo.

¿Por qué está pasando el problema incluso al configurar la display: inline; , y ¿cómo puedo resolverlo sin modificar el texto en sí?

¿Puedes poner un lapso antes del nbsp?

 

thisssssssssssss  test

#b { white-space: nowrap; }

http://jsfiddle.net/bggk33du/10/