JSFiddle - React, Tailwind, and code Playground

by Dmitriy Shvanyk

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;
  font-size: 0; /* <-- add */  
  /*line-height: 0;*/
}
.c-head img {
  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
}