JSFiddle - React, Tailwind, and code Playground

by ainop

HTML

<div class="box box1">
    hello world
</div>
<div class="box box2">
    hello world
</div>

CSS

.box {
    display:inline-block;
    margin: 50px 0;
    outline: 1px solid #b00;
}

.box:first-letter {
    font-size:150px;
    background:#000;
    color:#fff;
}

.box1:first-letter {
    line-height:0px;
}

.box2:first-letter {
    line-height:10px;
}