Haga clic en la imagen https://i.stack.imgur.com/HtSK6.jpg para que entienda que he marcado el problema en rojo. Quiero que el tiempo ajuste automáticamente el ancho, por ejemplo, si el tiempo es 1:25:34, entonces se expande a la izquierda y llena el contenido sin desbordarse. Espero que hayas entendido mi código css que he escrito a continuación:
<span className="time">{props.time}</span> time{ background-color: black; color: white; position: absolute; top: 8.4rem; left: 15.9rem;; font-weight: bold; height: fit-content; font-size: 0.9rem; width: fit-content; }Su pregunta no es muy clara, pero al mirar su código parece que está usando un CSS interno pero no está en un contenedor de estilo. Asegúrese de que todos los códigos CSS estén colocados en el estilo y luego en la cabeza.
Dado que desea que su contenedor sea flexible, para que quepa en la caja cuando muestre las horas, los minutos y los segundos, simplemente agregue relleno. Esto creará un espacio entre el área de texto y los bordes.
Asegúrese de ignorar el ancho también, ya que el ancho es flexible
Espero que esto ayude 👍