Highlight Effect

Text highlighter effect with box shadow

HTML

<div class="highlight">
    <p>
    When families resist invest contextualize activate initiative social entrepreneurship. Transparent, relief sustainable natural resources collective impact theory of change rubric. Save the world, uplift dynamic thought partnership state of play.
    </p>
  </div>

CSS

.highlight {
  margin: 2em 2em 2em 2em;
}
.highlight p {
    box-shadow: 0px 0px 0px 5px yellow;
    display: inline;
    line-height: 2;
    margin: -5px -5px;
    background-color: yellow;
    border-radius: 1px;
}