JSFiddle - React, Tailwind, and code Playground

by hibinyru

HTML

<div class="parrent">

  <div class="acount-box-avatar" style="border:1px solid #000000;">
  <img src="https://www.hibiny.com/images/2020/users/avatar100.jpg" width="80" height="80">
  </div>

  <div class="acount-box-right" style="border:1px solid #000000;">
      Тектст текст тексте  текст Тектст текст тексте  текст Тектст текст тексте  текст             
  </div>
</div>

CSS

.parrent
  {
  overflow: auto;
  margin-top:30px; 
  width:100%; 
  }
.acount-box-avatar
  {
  float:left;
  margin-right:16px;
  box-sizing: border-box;
  display: block;
  width: 100px;
  }

.acount-box-right
  {
    box-sizing: border-box;
  display: block;
  width: calc(100% - 116px);
  }