JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p>CSS pseudo elements are used to style parts of an element without giving particular Id or class to them.</p>
</div>

CSS

div{
  width: 500px;
}
p::first-letter {
    color: #990033;
    font-size: 40px;
    font-weight: bold;
}

p::first-line {
    color: #004080;
    background-color: #ffcc99;
    text-decoration: underline;
    font-size: 18px;
}