hiding text using "text-indent"

css right-to-left text-indent
Crippletoe picture Crippletoe · May 8, 2010 · Viewed 39.1k times · Source

I'm trying to hide some text inside an <li> element using CSS by setting text-indent: -999px;.
For some reason this doesn't work when I set the direction of the document to "rtl" (right to left - my site is in Hebrew).
When direction is "rtl" the text still shows...
Anyone knows why, and a way around this?

Answer

kaustavdm picture kaustavdm · Oct 31, 2011

Along with text-indent: -9999px try using display: block;. It solved for me.

Additionally, if you need the li elements to float horizontally (e.g. a horizontal menu), use float: left;.

Related questions

Right to left Text HTML input

For my website, i need to provide arabic support. Part of it is to provide input textboxes where when user types in, the new characters have to be appended to the left and the text has to be right aligned. …

Read More
Twitter Bootstrap CSS that support from RTL languages

I just discover Twitter Bootstrap and I'm wondering if there is a right-to-left (RTL) version of it. Does anyone know?

Read More
Printing table cells from right to left

I make a table and want the first cell to start from right instead of from left as default. I tried changing the float attribute in CSS but it doesn't seem to help. Here is the code: <table border="0" …

Read More