How to put an image inside of a text

I wanted to get a cool effect and add an image inside of a font, but I have no clue on how to do it. Can someone help me?

How it should look like:

That falls under graphic designs, not HTML & CSS.

Regards,
Chris

I believe he wants to do it in css

<html>
  <p>lion</p>
</html>
<style>
  p{
    image: url('imagefileurl')
  }
</style>