Run ❯
Get your
own
website
Result Size:
625 x 565
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> html { font-size:16px; } div { font-size: 3rem; border: 1px solid black; } #top-div { font-size: 2rem; border: 1px solid red; } </style> </head> <body> <p>The font-size of this document is 16px.</p> <div id="top-div"> The font-size of this div element is 2rem, which translates to 2 x the browser's font size. <div>The font-size of this div element is 3rem. It also shows that it does not inherit from its parent element font size.</div> </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>