StackOverflow_Solution_1

by Hardik Solanki

HTML

<div class="wrapper">
  <div class="text-box">
    <p>lorem ipsum</p>
    <p>lorem ipsum</p>
  </div>
  <a href="https://placeholder.com"><img src="http://via.placeholder.com/770x690"></a>
</div>

CSS

* {
  padding: 0;
  margin: 0;
}
.wrapper {
    display: block;
    position: relative;
}
.wrapper .text-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wrapper a {
    display: block;
}
.wrapper img {
    max-width: 100%;
    display: block;
}