JSFiddle - React, Tailwind, and code Playground

by Afzaal Ahmad Zeeshan

HTML

<div class="div_p"><p>hi hello how are you</p></div>
  <div class="img_block">
      <img class="img_o" src="https://www.google.com/images/srpr/logo11w.png" />
    <span style="position:absolute; top:10px; right:10px;">100</span>
  </div>

CSS

.div_p p {
  float: right;
    max-width: 80px;
    min-width: 80px;
}

.img_o {
  float: left;
    max-width: 400px;
    min-width: 400px;
}