JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
  <div class="left">
      1
  </div>
  <div class="right">
    Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз.  Большое содержимое, от которого должен тянуться блок вниз. 
  </div>
</div>

CSS

.main {
 width: 400px;
 background-color: green;
 position: relative;   
}
.left {
 position: absolute;
 background-color: yellow;
 width: 50%;
 top: 0;
 bottom: 0;   
}
.right {
 color: white;
 position: relative;
 left: 50%;
 width: 50%;
 background-color: black;   
}