hiding text using “text-indent”
http://stackoverflow.com/questions/2794656
by Marcel
HTML
<div>text-indent values used intentionally lower than usual to demonstrate shift for text-replacement.</div>
<p>Lorem ipsum dolar sit amet.</p>
<p class="ltr">Lorem ipsum dolar sit amet.</p>CSS
body { direction: rtl; font:13px/1.4 'segoe ui', sans-serif; }
div { direction: ltr; margin:0 0 2em; padding:1em 2em; text-align:center; background:#eeeeed; }
p { text-indent:-5em; }
.ltr { direction: ltr; }