JSFiddle - React, Tailwind, and code Playground

by lennyekberg

HTML

<div class="wrapper">
  <div class="image">
    <img src="http://store.storeimages.cdn-apple.com/4973/as-images.apple.com/is/image/AppleInc/aos/published/images/s/ce/scene0/left/scene0-left-2x?wid=299&hei=877&fmt=png-alpha&qlt=95&.v=1453543739065.png" />
  </div>
  <div class="text">
    text
  </div>
</div>

<div class="wrapper2">
  <div class="text">
    text
</div>

CSS

.wrapper{
  width: 80%;
  height: 100px;
  background-color:#f00;
  margin: 0 auto;
}

.wrapper::after{
  clear:both;
}

.image{
  background-color:#ff0;
  float:left;
}

.text{
  background-color:#0ff;
  float:left;
}

.wrapper2{
  width: 80%;
  height: 100px;
  background-color:#f0f;
  margin: 0 auto;
  clear:both;
}

.wrapper2 .text{
  background-color:#0f0;
  float:left;

}