<div class="productimage">
<div class="one"><img src="https://static.independent.co.uk/s3fs-public/styles/article_small/public/thumbnails/image/2017/11/08/15/jared-kushner-ivanka-trump.jpg" alt=""></div>
<div class="overlapping">
<h1>Sweet Ivanka</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>
.productimage img {
position: relative;
}
.overlapping {
position: absolute;
padding: 15px 35px;
background-color: #CCC;
font-weight: bold;
font-size: 25px;
max-width: 300px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.