JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class="yellow"></div>
  <p>Одна или несколько строк текста размером 14px.</p>
</div>

<div>
  <div class="yellow"></div>
  <p>Одна или несколько строк текста, причем блок текста может быть и больше, чем блок слева, а может быть и меньше, как получиться, хоть так, хоть так.</p>
</div>

CSS

body {
  border: solid 1px grey;
  width: 350px;
}

div {
  background-color: #EFEFEF;
  border: solid 1px grey;
  clear:both;
  margin: 10px;
}

div:before, div:after {
  content: " ";
  display: table; 
}

div:after {
  clear: both;
}

.yellow {
  width: 50px; /*150*/
  height: 50px; /*150*/
  float: left;
  background-color: #FAFB9D;
}

p {
  margin: 10px;
}