<div class="text-image" style="background-image: url('https://assets.techacademy.jp/assets/mentor-about-3-47c6a0fa70343abebff1c25f81298efeabc8f2d9da7a595fb1d8cf9f50780694.jpg');">
  <p>文字</p>
</div>
.text-image {
  display: flex;
  background-size: 500px 360px;
  width: 500px;
  height: 360px;
  text-align: center;
}

.text-image p {
  margin: auto;
  font-size: 60px;
  line-height: 60px;
  color: #ffffff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.