Visualize CSS Unit em Compared To rem

  1. Visualize font-size: 1em; Nested In font-size: 1em; Compared To font-size: 1rem; Nested In font-size: 1rem;
  2. Visualize font-size: 2em; Nested In font-size: 2em; Compared To font-size: 2rem; Nested In font-size: 2rem;

1. Visualize font-size: 1em; Nested In font-size: 1em; Compared To font-size: 1rem; Nested In font-size: 1rem;

Paragraph styled with font-size: 1em. Span styled with font-size: 1em. Paragraph styled with font-size: 1em.

Paragraph styled with font-size: 1rem. Span styled with font-size: 1rem. Paragraph styled with font-size: 1rem.


2. Visualize font-size: 2em; nested in font-size: 2em; Compared To font-size: 2rem; Nested In font-size: 2rem;

Paragraph styled with font-size: 2em. Span styled with font-size: 2em. Paragraph styled with font-size: 2em.

Paragraph styled with font-size: 2rem. Span styled with font-size: 2rem. Paragraph styled with font-size: 2rem.

Last reviewed/updated: 10 Nov 2017 | Published: 26 Oct 2016 | Status: Active

Learn Web Coding

Valid HTML5 Valid CSS Level 3