Breaking News: Grepper is joining You.com. Read the official announcement!

how to add text on top of an image

Marley Lamparter answered on June 2, 2022 Popularity 10/10 Helpfulness 3/10

answer how to add text on top of an image

how to add text on top of an image

Comment

<!DOCTYPE html>
<html>
  
<head>
    <style>
        .gfg {
            margin: 3%;
            position: relative;
        }
  
        .first-txt {
            position: absolute;
            top: 17px;
            left: 50px;
        }
  
        .second-txt {
            position: absolute;
            bottom: 20px;
            left: 10px;
        }
    </style>
</head>
  
<body>
    <div class="image">
        <img src="image.type(ex. a.png, b.jpg)">
        <h3 class="first-txt">
            123
        </h3>
          
        <h3 class="second-txt">
            456
        </h3>
    </div>
</body>
  
</html>

Popularity 10/10 Helpfulness 3/10 Language html

Source: www.geeksforgeeks.org

Tags: add html image text

Link to this answer
Share Copy Link