JSFiddle - React, Tailwind, and code Playground

HTML

<div >
  <div class="c-head">
    <div>
      <img src="https://cdn0.iconfinder.com/data/icons/Hand_Drawn_Web_Icon_Set/128/user.png">
    </div>
    <div class="mcol">

    </div>   
  </div>
 
</div>

CSS

p {margin: 0}
div {
  border: 1px solid;
}
.c-head {
  display: table;
}

.c-head img {
  display: block; /* <-- add */
  border: 1px solid;
  vertical-align: text-bottom;
  max-width: 48px;
  max-height: 48px;
}
.c-head > div {display: table-cell; vertical-align: top;}
.mcol {width: 100%}
.comments {
  margin-left: 25px
}