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

* {
  box-sizing: border-box;
}

.main {
  width: 100%;
}

.fir {
  display: inline-block;
  width: 80%;
  border: 1px solid red;
  vertical-align: bottom;
}

.fir img {
  width: 100%;
  vertical-align: top;
}

.sec {
  display: inline-block;
  width: 20%;

  color: #fff;
  background: royalblue;
}