JSFiddle - React, Tailwind, and code Playground

HTML

<div id="spoiler">
  <div class="left">1</div>
  <div class="middle">
    2<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    hhhhhhhhhhhhhhhhhhhhhhhhh<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaa<br />
    aaaaaaaaaaaaaaaaaaaaaaaaaa<br />
  </div>
  <div class="right">3</div>
</div>

CSS

#spoiler {
            width:500px;
                background:#ffdac0;
                float: left;
        }
        .left {
            float:left;
            width:100px;
        }
        .middle {
            float:left;
            width:300px;
        }
        .right {
            float:right;
            width:100px;
        }