Home
CSS
CSS Units
Tryit: Using rem
Run ❯
Get your
own
website
Result Size:
625 x 534
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> body { font-size:16px; } div { font-size: 2rem; border: 1px solid black; } </style> </head> <body> <p>The font-size of this document is 16px.</p> <div>The font-size of this div element is 2rem.</div> <p>The rem unit sets the font-size relative to the browsers base font-size, and will not inherit from its parents.</p> </body> </html>