CSS - Measurement Units

<!DOCTYPE html>
<html>
<head>
    <title>CSS Units</title>
    <style>
        .one-inch {
            font-size: 1in;
        }
        
        .two-inch {
            font-size: 2in;
        }
        
        .three-inch {
            font-size: 3in;
        }
    </style>
</head>
<body>
    <h1 class="one-inch">1 inch font</h1>
    <h1 class="two-inch">2 inch font</h1>
    <h1 class="three-inch">3 inch font</h1>
</body>
</html>

CSS - Measurement Units

Example -Demo in unit