JSFiddle - React, Tailwind, and code Playground

by tomprogramming

HTML

<div>
    <span class="level1">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam massa, tincidunt non purus in.</span>
    <br/>
    <span class="level2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam massa, tincidunt non purus in.</span>
</div>
        
<div class="level1">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam massa, tincidunt non purus in.
</div>

<div class="level2">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut diam massa, tincidunt non purus in.
</div>

CSS

div {
width:200px;
    height:200px;
    padding:10px;
    background:#d3a2f3;
    margin:10px;
    line-height:.6;
}
.level1 {
    font-size:10px;
    line-height:2;
}
.level2 {
 font-size:20px;
    line-height:.6;
}