Image replacement technique

.hide-text { text-indent: 100%; white-space: nowrap; overflow: hidden; }
- Really long strings of text will never flow into the container because they always flow away from the container.

- Performance is dramatically improved because a 9999px box is not drawn. Noticeably so in animations on the iPad 1.

2 Responses

Simple thing, nice. I use different way :)
@Yudhi Satrio We've been always using text-indent:-9999px; but that doesn't work with direction:rtl and when text-align:right; This new technique solve these issues!

Write a comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.