Try it Editor: Overlapping Elements

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style>
img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}
</style>
</head>
<body>

<h1>This is a heading</h1>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKZQJUNpy6CoYb62NpThHmrO5ZiRqZtfV66cogt5GjWi-fGNJ9NydUrVgq6PYKi8SO1GYD06nVD49TihCYuBVX7JKwaOZ7C50G_0cC_FcmiwDlx2aSKgFyxphgsYhOmA5xve1amD-7o_k-/s320/DWF.png" width="140" height="140">
<p>Because the image has a z-index of -1, it will be placed behind the text.</p>

</body>
</html>

Result :