JSFiddle - React, Tailwind, and code Playground

by klierik

HTML

<div class="container">
      <div class="block1">Высота контента может быть любой</div>
      <div class="block2">Высота контента может быть любой</div>
      <div class="block3">
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis ratione totam quod reprehenderit ut nam voluptate est deserunt id fugit nisi eaque porro distinctio repellat odio maxime aliquam natus quibusdam!</p>
      </div>
</div>

CSS

.container {}
.container:before,
.container:after {
    display: block;
    clear: both;
    
    content: '';
}

[class*="block"] {
    background: #eee;
}

.block1 {
    width: 20%;
    float: left;
}
.block2 {
    width: 20%;
    float: right;
}
.block3 {
    float: none;
    
    background: #aaa;
}