JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<p class="first">test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p>

CSS

p.first{
    width: 700px;
    color: #0327F9;
    background-color:#EFDC9D;
    text-align:justify;
    font-size: 18px;
}
 
p.first::first-line {
    font: 1.2em Georgia, Times, serif;
    text-transform: uppercase;
    line-height:.8;
}
 
p.first::first-letter {
    font: 4em Georgia, Times, serif;
    color: #97552C;
    float: left;
    padding: .1em .1em 0 0;
}