JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrap">
        <div class="block">
          <div class="img-wrap">
              <img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" />
          </div>
          <div class="info">
              <p>Lorem</p>
              <p>ipsum</p>
          </div>
        </div>
        
        <div class="block">
          <div class="img-wrap">
              <img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" />
          </div>
          <div class="info">
              <p>Lorem</p>
              <p>ipsum</p>
          </div>
        </div>
        
        <div class="block">
          <div class="img-wrap">
              <img src="http://unikatmag.de/wp-content/uploads/2010/11/team-dummy.jpg" />
          </div>
          <div class="info">
              <p>Lorem</p>
              <p>ipsum</p>
          </div>
        </div>
      
    </div>

CSS

body {
    background-color: grey;
    font: 18px/ Times;
    color: black;
}

body, html {
    height: 100%;
    width: 100%;
}

p { text-align: justify; }

#wrap {
    width: 80%;
    margin-left: 10%;
    position: absolute;
    font-size: 14px;
    background: yellow;
}



.info {
  margin-left: 5%;
  padding-top: 2%;
  float: left;
}

.img-wrap {
  float: left;
  margin-right: 1%;
  margin-top: 1%;
}