Search
 
SCRIPT & CODE EXAMPLE
 

HTML

how to add text on top of an image

<!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>
Comment

PREVIOUS NEXT
Code Example
Html :: html instagram 
Html :: html elements 
Html :: what is rc in version 
Html :: bootstrap 4 button link 
Html :: frames html example 
Html :: how to add robots.txt 
Html :: submit button out of from 
Html :: html disable button tag 
Html :: img tag html 
Html :: what does ul mean html 
Html :: import ionicons 
Html :: how to add a blinking text in html 
Html :: when do i put my script in the body tags in html 
Html :: form controller in bootstrap 
Html :: html select change event 
Html :: Chrome Extension change popup 
Html :: use js variable in form action 
Html :: html to text npm 
Html :: how open url in html in new window with custom size 
Html :: how to put a name on a fieldset 
Html :: change source of iframe attribute target 
Html :: alpine hide element after set time 
Html :: how to make email required in html 
Html :: a tag displays below img tag 
Html :: flip an image js 
Html :: html article 
Html :: how to make squares in html 
Html :: collapse bootstrap 
Html :: responsive sidebar menu css 
Html :: how to put the heading in th ecenter of th html page 
ADD CONTENT
Topic
Content
Source link
Name
1+9 =