JSFiddle - React, Tailwind, and code Playground

by Lazaro Contreras

HTML

<div class="contenedor">
  <img src="//www.gravatar.com/avatar/e94f2d3d00aeb7532d8ab431e615792b/?default=&s=100" />
  <p class="text">Lázaro Contreras</p>
</div>

CSS

.contenedor{
  position: relative;
  display: block;
}
.text{
  position: absolute;
  top: 0;
  bottom: 0;
  /*Con esta propiedad puedes acomodar el texto en medio, es la distancia del texto desde el top*/
  line-height: 60px;
}