x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
<style>
4
    .a {
5
        font-size: 14px;
6
    }
7
    .b {
8
        font-size: 1.2em;
9
    }
10
    .c {
11
        font-size: 120%;
12
    }
13
    .d {
14
        font-size: 4vh;
15
    }
16
    .e {
17
        font-size: 4vw;
18
    }
19
</style>
20
21
<p class="a">Some random text to demonstrate the effect.</p>
22
<p class="b">Some random text to demonstrate the effect.</p>
23
<p class="c">Some random text to demonstrate the effect.</p>
24
<p class="d">Some random text to demonstrate the effect.</p>
25
<p class="e">Some random text to demonstrate the effect.</p>
26
<p class="f">Some random text to demonstrate the effect.</p>