JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
<title>JS Bin</title>
<style>
  div {
    border: 1px solid red;
    margin: 20px 0;
    width: 200px;
    overflow:hidden
  }

  p {
    float:right;
    width:175px;
  }

  img {
   
    float: left;
    padding-top:5px
    
  }

  

  .abs {
    position: absolute;
  }
  
  .hightlight {
    background: rgba(255,255,0,0.2);
  }
</style>
</head>
<body>
  <h2>No Float</h2>
   <div>
   
      <img class="nf" src="http://static.jsbin.com/images/favicon.png">
      <p> no sea takimata <span class="hightlight">sanctus estestest</span> Lorem ipsum dolor sit amet.
    </p>
  </div>
  
  <h2>Float Left</h2>
   <div>
   
      <img src="http://static.jsbin.com/images/favicon.png">
      <p> no sea takimata <span class="hightlight">sanctus estestest</span> Lorem ipsum dolor sit amet.
    </p>
  </div>
  
  <h2>Position Absolute</h2>
  <div>
   
      <img class="abs fn" src="http://static.jsbin.com/images/favicon.png">
      <p> no sea takimata <span class="hightlight">sanctus estestest</span> Lorem ipsum dolor sit amet.
    </p>
  </div>
</body>
</html>