Replacing the -9999px Hack (New Image Replacement)

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }

I first wrote about this technique in 2009, and had been using it at least a year before that. Because I realized the web should always be future friendly. If you find the better way, start doing it right away.