hiding text using “text-indent”

Question

I\'m trying to hide some text inside an

element using CSS by setting text-indent: -999px;.
For some reason this doesn\'t work when I set

Answer 1

My problem was with text-align. In case you modify align mode of the element or parent element(s) wrapping it to left, you must give a negative index for text-indent. Otherwise you must give a positive value.

.case1{text-indent:-999px;text-align:left;overflow:hidden;display:block}

Otherwise

.case2{text-indent:999px;text-align:right;overflow:hidden;display:block}