27 August

text-indent:-9999px; の代わりになるもの

text-indent:-9999px;　はSEO的にアレらしい。
よくわかんないけどなんか言ってる人がいるのでやめようとおもう。

その１

p {
width: 200px;
white-space:nowrap;
text-indent: 100%;
overflow: hidden;
}

width指定しないと右側のほうに飛ばしたテキストが残りました。
bg-image分のwidthでも指定するのがよいでしょう。
パフォーマンス的にtext-indent:-9999px;　とあまり変わらないとかなんとか･･･
意味がわかんないです。

その２

p {
width: 200px;
height: 200px;
font-size: 0;
}

フォントサイズ０指定でテキストが小さくなりすぎて消滅します。
なので幅、高さともになくなるのでwidth、height指定必須でした。