JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box kleiner rot">
    <p>Roter Text</p>
    <p class="gruen gross">Grüner Text</p>
</div>

CSS

.box {
    width:500px;
    height:auto;
    padding:20px;
    background-color:#EEE;
}
.kleiner {
    font-size:.6em;
}
.gross {
    font-size:1.4em;
}
.gruen {
    color:#0F0;   
}
.rot {
    color:#F00;   
}