JSFiddle - React, Tailwind, and code Playground

by boctulus

HTML

<!DOCTYPE html>
<html>
<head>
<style>

#container {
  position:relative;
}

img {
  left: 0px;
  top: 0px;
  z-index: 100;
}

p#texto {
	color: red;
  z-index: 1000;
  position: absolute;
  top:200px;
}


</style>
</head>
<body>

<h1>Prueba</h1>
<div id="container">
  <p id="texto">Texto que quiero aparezca sobre la imagen .........................................................</p>
  <img src="https://i.imgur.com/9DZsomo.jpgf" width="300" height="240">
</div>

</body>
</html>