JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
  <div id="header_image"><img src="/image-1.png" /></div>
  <div id="header_text">Текст в столбик 1
    <p>Текст в столбик 2</p>
    <p>Текст в столбик 3</p>
  </div>
</div>

<div class="wrap">
  <div id="header_image"><img src="/image-1.png" /></div>
  <div id="header_text">Текст в столбик 1
    <p>Текст в столбик 2</p>
    <p>Текст в столбик 3</p>
  </div>
</div>

<div class="wrap">
  <div id="header_image"><img src="/image-1.png" /></div>
  <div id="header_text">Текст в столбик 1
    <p>Текст в столбик 2</p>
    <p>Текст в столбик 3</p>
  </div>
</div>

CSS

.wrap{
  width: 33%;
  float: left;
  padding-right: 5px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header_image{
  float: left;
}
#header_text{
  float: left;
}