el ancho de ancho contento no funcionará

Cuando la etiqueta span se utiliza con el atributo contenteditable = “true”, ignora todo el ancho css

 Content filler  

Lo anterior produce esto

¿Alguien sabe cómo hacerlo para que la caja no se ajuste al texto de esta manera y siga el CSS regular?

span es una display:inline elemento en display:inline . El ancho no funciona en elementos en línea.

Aplique cualquiera de las display:inline-block; o display:block; a la envergadura.