JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<div class="forall">
    
    <div class="inText">Hello g World /With font-size 20px
        <div class="strut"></div>
    </div>
    <div class="forall">
        <div>Hello g World / Without font-size
            <div class="strut"></div>
        </div>
        <div class="forall">
            <div class="intext2">Hello g World / with font-size:16px
                <div class="strut"></div>
            </div>

CSS

div.forall {
    width: 300px;
    height: 20px;
    border: thin black solid;
    margin: 10px;
    background-color: #9BBCE3;
}
..letter {
    font-size: 20px;
    line-height: 20px;
} {
    font-size: 20px;
    line-height: 20px;
}
.letter2 {
    font-size: 16px;
    line-height: 16px;
}
.strut {
    height: 20px;
    display: inline-block;
}