Para no sobrecargar la hoja de estilo asociada, en esta página aplico los valores de la propiedad a ejemplificar directamente a los elementos por medio del atributo style; sin embargo, como no me cansaré de repetir, esto debe ser, como en este caso, una práctica excepcional. Una hoja de estilo asociada es un mecanismo más apto para mantener un sitio, además de respetar más estrictamente el principio de separación entre la capa de estructura del documento y su capa de presentación.

Anexo: Ejemplos de los valores de la propiedad `max-width`

Contenido de una anchura inferior a la máxima

XXXXXXX-XXXXXXX-XXXXXX
XXXXXXX-XXXXXXX-XXXXXX
XXXXXXX-XXXXXXX-XXXXXX

Contenido de una anchura superior a la máxima

XXXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX
XXXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX
XXXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX-XXXXXXX-XXXXXX

Con `max-width` establecida a `none`

Volver al curso

Anexo: Ejemplos de los valores de la propiedad max-width

Contenido de una anchura inferior a la máxima

Contenido de una anchura superior a la máxima

Con max-width establecida a none

Anexo: Ejemplos de los valores de la propiedad `max-width`

Con `max-width` establecida a `none`