<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: pink;
}
div.a {
font-size: calc(18px * pow(1.5, 2));
}
div.b {
font-size: calc(18px * pow(1.5, 1));
}
div.c {
font-size: calc(18px * pow(1.5, 0));
}
div.d {
font-size: calc(18px * pow(1.5, -1));
}
</style>
</head>
<body>
<h1>The pow() Function</h1>
<h2>font-size: calc(18px * pow(1.5, 2)):</h2>
<div class="a">Hello World!</div>
<br>
<h2>font-size: calc(18px * pow(1.5, 1)):</h2>
<div class="b">Hello World!</div>
<br>
<h2>font-size: calc(18px * pow(1.5, 0)):</h2>
<div class="c">Hello World!</div>
<h2>font-size: calc(18px * pow(1.5, -1)):</h2>
<div class="d">Hello World!</div>
</body>
</html>