JSFiddle - React, Tailwind, and code Playground

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:Invoices page;
  display:none;
  text-indent: 10px;
  line-height: initial; /* New content takes up original line height */
}