JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<div class="myClass">
  <ul>
      <li>Login to your account</li>
      <li>Visit the Accounts <p class="element">?</p> Invoices page</li>
      <li>Click the <span class="bold">Pay Now</span> button</li>
   </ul>
 </div>

CSS

.element {
  text-indent: -9999px;
  line-height: 0; /* Collapse the original line */
}

.element::after {
  content: "New text";
  text-indent: 0;
  display: block;
  line-height: initial; /* New content takes up original line height */
}