<div class="box">
  <div class="icon"></div>
  <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium quam iure provident nam, magni vitae? Tempore maiores consectetur qui non rerum quae natus corrupti voluptate perferendis? Facilis fugit laborum officia?</p>
</div>

body {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 150vh;
}
.box {
  text-align:center;
  width: 350px;
  height: 250px;
  background: #eee;
}
.box p {
  margin-top: -5%;
}
.icon {
  border-radius:50%;
  width: 70px;
  height: 70px;
  background: black;
  margin: 0 auto;
  transform: translateY(-50%);
}