Ejemplo del empleo de ems con `body{font-size:62.5%;}`

El encabezado superior está definido a 1.6 ems, lo que significa que con la configuración por defecto del navegador su tamaño es de 16 píxeles.

Los párrafos están definidos a 1.2 ems, es decir, equivale a 12 píxeles.

Este párrafo está anidado dentro de un div, pero mantiene el tamaño asignado para toda p.

De la misma forma, este párrafo se encuentra dentro de un blockquote y también mantiene el tamaño.

Sin embargo, el texto de las listas, al heredar el porcentaje, tienen un tamaño menor…
- …aunque afortunadamente…
  - …no parece heredarse en las listas anidadas.

Definimos li{font-size:1.1777em;} para corregir el tamaño…
- …pero entonces los sucesivos li…
  - …son proporcionalmente mayores.

Así que tenemos que definir font-size:1em; para los li descendientes de otro li…
- …y así sí que parece…
  - …que obtenemos el resultado deseado.

Si el texto de la celda está incluido en un párrafo, se restablece su tamaño en relación con body…

…pero no así si se incluye directamente en td.

Al igual que con li, aplicamos a td un font-size:1.1777em;… …y corregimos el tamaño.

Ejemplo del empleo de ems con body{font-size:62.5%;}