JSFiddle - React, Tailwind, and code Playground

by simoncereska

HTML

<ul>
    <li class="hide-text">
        <a href="#">lorem ipsum</a>
    </li>
<ul>

CSS

.hide-text {
    background: #eee;

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

    /* text-indent: -9999px; */
}

JavaScript

/* 
 * Original post:
 * http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 */