Usando max() para un ancho máximo de elemento interno

Entro en todo esto en El problema “interno”. La esencia: desea un contenedor de borde a borde, pero el contenido del interior debe tener un ancho limitado. Creo que no hay absolutamente ningún problema en usar un elemento anidado en su interior, pero también es divertido ver las posibilidades de hacer que eso funcione en un solo elemento.

Mi favorito de ese artículo es este que calcula el relleno para ti:

Si calc()bien funciona, no le permite tener un relleno mínimo. Bueno, max()lo hace. Todavía me resulta muy confuso que alcanzamos max()un valor mínimo cuando queremos, pero bueno, solo tenemos que desarrollar esa memoria muscular.

La lectora Caluã de Lacerda Pataca respondió a nuestro último boletín donde mencionamos estas funciones con esta idea inteligente:

Ahora podemos asegurarnos de que el contenido no se rompa contra los bordes pase lo que pase.