Using the following HTML and CSS example, what will equivalent pixel value be for .em and .rem elements?

Using the following HTML and CSS example, what will equivalent pixel value be for .em and .rem elements?
html {font-size: 10px}
body {font-size: 2rem;}
.rem {font-size: 1.5rem;}
.em {font-size: 2em;}

<body>
<p class=”rem”></p>
<p class=”em”></p>
</body>

  • The .rem will be equivalent to 25px; the .em value will be 20px.
  • The .rem will be equivalent to 15px; the .em value will be 20px.
  • The .rem will be equivalent to 15px; the .em value will be 40px.
  • The .rem will be equivalent to 20px; the .em value will be 40px.
Join our list

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Leave a Comment

Join our list

Subscribe to our mailing list and get interesting stuff and updates to your email inbox.

Thank you for subscribing.

Something went wrong.

Send this to a friend