<div class="text-image">
<img src="https://assets.techacademy.jp/assets/mentor-about-3-47c6a0fa70343abebff1c25f81298efeabc8f2d9da7a595fb1d8cf9f50780694.jpg" alt="文字の代替">
<p>文字</p>
</div>
.text-image {
position: relative;
width: 500px;
}
.text-image img {
width: 100%;
}
.text-image p {
position: absolute;
top: 25%;
left: 39%;
font-size: 60px;
color: #ffffff;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.