Hide text using css

Question

I have a tag in my HTML like this:

<h1>My Website Title Here</h1>

I want to replace the wording with my actual logo using CSS. I easily added the logo thereby enlarging the tag and using CSS to include a background picture. I'm not sure how to get rid of the writing, but. I've essentially seen it done previously by shoving the text off the screen. The issue is that I can't recall where I saw it.

Answer 1

Just add font-size: 0; to your element that contains text.