CSS -- Centre align text to an image

css_alignment-3

/* Responsive */
https://codepen.io/SarathSantoshDamaraju/pen/aqyjWa

/* Not responsive layout, but image size is responsive. */
/*
<div>
  <img src="" alt=""/>
    <p> </p>
</div>
*/
div{
  height:100%;
  display: table;
}

div img {
  max-width: 400px;
  min-width:280px;
  width:auto;
}

div > * {
  display:table-cell;
  vertical-align:middle;
}