JSFiddle - React, Tailwind, and code Playground

by Giau Nguyen

HTML

<div class="transparent-box">
  <img class="alignleft" src="img/img.jpg" width="480" height="319" />
  <div class="tr-text">
    <p>some text</p>
  </div>
</div>

CSS

.transparent-box {
    background: rgba(255,255,255,0.5);
    margin-top: 20px;
    border: 1px solid red;
    overflow: hidden;
}

img.alignleft {
  float: left;
}

p {
    float: left;
    line-height: 1.34;
    margin-bottom: 14px;
    font-size: 15px;
}