Moz Website Authority
# URL DA PA TB QB QB% MT SEO More
1 uniqinfotech.com 12 19 5 3 60% 2/10 SEO More..
2 goodtipsforyou.com 15 29 201 81 40% 3/10 SEO More..
3 pointinfo.org 23 18 1 0 0% 2/10 SEO More..
4 tipsbuddies.com 13 18 1 0 0% 2/10 SEO More..
1 tech-learn.org 11 12 2 0 0% 1/10 SEO More..
2 androidbloggers.com 19 22 3 1 33% 2/10 SEO More..
3 notesmall.com 16 22 0 0 0% 2/10 SEO More..
bookmarkjump.com 27 34 18 12 67% 3/10 SEO More..
1 ki-work.com 29 27 244 218 89% 3/10 SEO More..
2 bookmarkjump.com 27 34 18 12 67% 3/10 SEO More..
3 feedsbox.com 26 34 866 386 45% 3/10 SEO More..
986792
51058558
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.container {
position: relative;
text-align: center;
color: white;
}
.bottom-left {
position: absolute;
bottom: 8px;
left: 16px;
}
.top-left {
position: absolute;
top: 8px;
left: 16px;
}
.top-right {
position: absolute;
top: 8px;
right: 16px;
}
.bottom-right {
position: absolute;
bottom: 40px;
right:570px;
}
.centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
</head>
<body>
<h2>Image Text</h2>
<p>How to place text over an image:</p>
<div class="container">
<img src="https://www.writenamepics.com/saveimage/writenamepicsdmlyzwkcme796.jpg" alt="Snow" style="width:100%;">
<div class="bottom-left">Bottom Left</div>
<div class="top-left">Top Left</div>
<div class="top-right">Top Right</div>
<div class="bottom-right"><script>function myFunction() {
var x = document.getElementById("myText").value;
document.getElementById("demo").innerHTML = x;
}
</script>
<p style="font-size:30px" id="demo"></p>
</div>
<div class="centered">
</div>
First Name: <input type="text" id="myText" value="Mickey">
<button onclick="myFunction()">Try it</button>
</body>
</html>
</div>
</body>
</html>

Comments
Post a Comment