Actualmente estoy usando React y renderizo un lapso cada vez que un usuario pasa el cursor sobre el elemento de texto. El problema es que el texto existente se desplazará hacia la izquierda (el intervalo aparecerá a la derecha del texto), cada vez que aparezca el intervalo. El comportamiento esperado es que el lapso aparezca a la derecha del texto sin cambiar el texto. ¿Hay alguna manera de que pueda hacer esto con css? Consulte a continuación el código:

 <TableCell classes={{ root: classes.tableCell }} onMouseEnter={() => this.handleMouseEnter(index)} onMouseLeave={() => this.handleMouseLeave(index)} align="center"> Hello {(isHovering) && <span>{this.getTitle(movie.title)} />} </TableCell>