JSFiddle - React, Tailwind, and code Playground

by LinkinTED

HTML

<p>This is a text <span>with a span</span> inside of it.</p>

<p>This is a text <span>with a span</span> inside of it.</p>

CSS

p:first-child span {
    padding: 7px 0;
    background: lightblue;
}
p:last-child span {
    display: inline-block;
    height: 30px;
    background: lightblue;
}