Try it Yourself: CSS Units

CSS Units

<!DOCTYPE html>
<html>
<head>
<style>
h1 { font-size: 2.5rem; }
h2 { font-size: 1.75rem; }
p  { font-size: 1rem; line-height: 1.6; }
</style>
</head>
<body>

<h1>Page Heading</h1>
<h2>Section Heading</h2>
<p>Body text sized in rem.</p>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
h1 { font-size: 2.5rem; }
h2 { font-size: 1.75rem; }
p  { font-size: 1rem; line-height: 1.6; }
</style>
</head>
<body>

<h1>Page Heading</h1>
<h2>Section Heading</h2>
<p>Body text sized in rem.</p>

</body>
</html>