<!DOCTYPE html>
<html>
<head>
<title>CSS Units</title>
<style>
body{
text-align: center;
}
p{
line-height: 0.1cm;
}
</style>
</head>
<body>
<h1> Relative units </h1>
<p style = "font-size: 5em;">It has em unit.</p>
<p style = "font-size: 5ex;">It has ex unit</p>
<p style = "font-size: 5ch;">It has ch unit.</p>
<p style = "font-size: 5rem;">It has rem unit.</p>
<p style = "font-size: 5vw;">It has vw unit.</p>
<p style = "font-size: 5vh;">It has vh unit.</p>
<p style = "font-size: 5vmin;">It has vmin unit.</p>
<p style = "font-size: 5vmax;">It has vmax unit.</p>
<p style = "font-size: 100%;">It has % unit.</p>
</body>
</html>