Aprium Software

Like most web designers if I have a link or button that uses a background image instead of text I leave the text in anyway but hide it using text-indent: -9999px;.

A problem occured for me where the text was just not moving and I found out it was a text-align: right in a parent element that was causing the problem. I had no idea that these 2 classes effected each other.

To fix the problem just make the text-indent a positive number like 9999px. It seems that the text-indent switches direction based on the text align which make sense when you think about it.

You may be wondering why even if you set the margins of the td elements in a table to 0px a space still appears around them. You can remove this spacing by using: table {border-collapse: collapse;}