JSFiddle - React, Tailwind, and code Playground

by mreis1

HTML

<div class="fonts">
    <span class="font1">Hello World!</span>
    <br/>
    <span class="font1">Hello World!</span>
    <br/>
    <span class="font2">Hello World!</span>
    <br/>
    <span class="font2">Hello World!</span>
    <br/>
    <span class="font3">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</span>
    <br/>
     <span class="font3"> Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.!</span>
    <br/>
</div>

CSS

.fonts{
    font-size:12px;
}
.font1{
    font-size:3em;
    line-height:1.5em;
}
.font2{
    font-size:2em;
    line-height:2.5em;
}
.font3{
    font-size:1.5em;
        line-height:1.5em;

}