JSFiddle - React, Tailwind, and code Playground

HTML

<h1>eNews blah blah</h1>

<div class="col2">lsadkas askl das dj waekl dwa dwaj kwad wa wak</div>
<div class="col2">lsadkas askl das dj waekl dwa eNews dwaj kwad wa wak</div>


<div class="sidebar">
  <ul>
    <li>blah</li>
    <li>blajkew</li>
    <li>eNews</li>
    <li>asd</li>
    <li>sadw</li>
  </ul>
</div>

CSS

.col2 {
  width: 50%;
  float: left;
}

h1 {
  text-transform: uppercase;
}

.sidebar {
  float: left;
}

JavaScript

$('*:contains("enews")').each(function () {
  $(this).html($(this).html().replace(/enews/gi,'<span style="text-transform: lowercase;">e</span>News'));
});