Styling h1 tags with image AND text

[punchxcore]

How would I go about styling an H1 tag so the text shows within the image? I've tried searching and trying the markup but it doesn't work. I am basically wanting to use H1 tags to divide sections within a page but make my own header image so the text shows within the image.

[Arbitrator]

h1 { background-image: url("http://example.com/image.png"); } applied to <h1>My Header Text</h1>?