JSFiddle - React, Tailwind, and code Playground

by korigan

HTML

<div class="wrap">
     <p class="highlight">
        <span class="text">Amet assumenda atque eos excepturi harum ipsa</span>
     </p>
 </div>

CSS

.wrap {
    width: 150px;
}
.highlight {
	color: #fff;
	display: inline;
	background: blue;
	font-size: 25px;
	font-weight: normal;
	line-height: 1.2;
}
.highlight .text {
		padding: 4px;
		box-shadow: 4px 0 0 blue, -4px 0 0 blue;
		background-color: blue;
		box-decoration-break: clone; /* For Firefox */
}