Code
<!DOCTYPE html> <html> <head> <style type = "text/css"> .bgimg { position: absolute; top: 0px; left: 0px; z-index: 1 } .fgimg { position: absolute; top: 25px; left: 100px; z-index: 2 } .text { position: absolute; top: 25px; left: 100px; z-index: 3; font-size: 20pt; font-family: tahoma, geneva, sans-serif } </style> </head> <body> <p><img src = "bg.jpg" class = "bgimg" alt = "First positioned image" height="400px" width="500px"/></p> <p><img src = "fg.jpg" class = "fgimg" alt = "Second positioned image" height="250px" width="300px"/></p> <p class = "text">Hello World!!</p> </body> </html>
Output