How to hide text in CSS

(1)
Use text-indent:-9999px;

However, he has a limitation that he only applies to block-level element blocks.
And sometimes we want to offset the font on.
So the question comes.
Text-indent:-9999px; although easy to use
If a is converted into a block, the elements behind him will be pushed to the next line.
If a is followed by a button
Float will be used to float to bring people behind him
Is it a little troublesome?

(2)
Line-Height: 0;
Font-size: 0;
Overflow: hidden;
Can "hide" the font above your background perfectly
Ie6.0, 7.0, 8.0, and Firefox 3.010 passed the test.

(3)
The most convenient thing is to add a span and then display: None, without any bugs.
Unfortunately, when multiple tags are added and used in a loop, a bunch of bytes are added to HTML. We recommend that you use a single button.
However, it is difficult to hide the input value.
So we can only use block and text-indent to "offset" to simulate hiding.
Display: block;
Font-size: 0;
Line-Height: 0;
Text-indent:-9999px;
Ie6.0, 7.0, and Firefox 3.010 passed the test.