JSFiddle - React, Tailwind, and code Playground

by Dedi Wibisono

HTML

<div id="all">
  <div class="wrapper-image">
    <img src="https://lh3.googleusercontent.com/-VJeC7yJYwJ0/TYFxgif_4UI/AAAAAAAAE8s/tSC-gaOACyk/s1600/Air+Asia+new+b.png" alt="" width="100">
  <img src="http://2.bp.blogspot.com/-i-D40gBOdt8/VC0p4CqbEQI/AAAAAAAAFMM/aX7TYbmWhFk/s1600/Logo%2BCitilink.png" alt="" width="100">
  </div>
  
  <div class="wrapper-deskripsi">
    <div class="deskripsi">
      08.00
    </div>
    <div class="deskripsi">
      Bali
    </div><br>
     <div class="deskripsi">
       <a href="">Detail</a> 
    </div>
    
    
    
    
  </div>
  <div class="wrapper-deskripsi">
    <div class="deskripsi">
      08.00
    </div>
    <div class="deskripsi">
      Bali
    </div><br>
     <div class="deskripsi">
       <a href="">Detail</a> 
    </div>
    
    
    
    
  </div>
    
</div>

CSS

#all{
  width:100%;
  border:1px solid red;
  padding:10px;
}

.wrapper-image{
  border:1px solid brown;
   position:relative;
   float:left;
}

.wrapper-deskripsi{
  width:100px;
  display:inline-block;
  border:1px solid green;
  vertical-align:top;
}

.deskripsi{
   border:1px solid blue;
}