JSFiddle - React, Tailwind, and code Playground

by ishaba

HTML

<p>pixel</p>
<p>em</p>
<p>percent</p>
<p>punkt</p>
<p>medium</p>
<p>larger</p>

CSS

body {
    font-size: 16px;
}
p:nth-child(1){
    font-size: 16px;
}
p:nth-child(2){
    font-size: 1em;
}
p:nth-child(3){
    font-size: 100%;
}
p:nth-child(4){
    font-size: 12pt;
}
p:nth-child(5){
    font-size: medium;
}
p:nth-child(6){
    font-size: larger;
}