JSFiddle - React, Tailwind, and code Playground

by Shashi Kumar Nagulakonda

HTML

<button class="element">Old, bad text</button>

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 */
}