JSFiddle - React, Tailwind, and code Playground

by serGlazkov

HTML

<div class="highlighter">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>

CSS

.highlighter * {
  display: inline;
  background-color: yellow;
}
.highlighter p::after {
  content: "";
  display: block;
  margin-bottom: 10px;
}
.highlighter p::before {
  content: "";
  display: block;
  margin-top: 10px;
}