JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
<div class="fir"><img src="https://s-media-cache-ak0.pinimg.com/736x/16/48/f4/1648f4e01b50d7629559b12f42d6dbc6.jpg"></div>
<div class="sec">text</div>
</div>

CSS

div { box-sizing:border-box; }

.main {
  width:100%;
}

.fir {
  float:left;
  width:80%;
  border:1px solid red;
}
.fir img { width:100%; height:auto; }

.sec {
  float:left;
  width:20%;
  border:1px solid blue;
}