JSFiddle - React, Tailwind, and code Playground

by suresh ponnukalai

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="parent">
  <div class="child col-xs-4">
    <div class="col-xs-12">
      <div>1.1</div>
    </div>
    <div class="col-xs-12">
      <div>1.2</div>
    </div>
    <div class="col-xs-12">
      <div>1.3</div>
    </div>
  </div>
  <div class="child col-xs-4">
    <div class="col-xs-12">
      <div>==2==</div>
    </div>
  </div>
  <div class="child col-xs-4">
    <div class="col-xs-12">
      <div>3.1</div>
    </div>
    <div class="col-xs-12">
      <div>3.2</div>
    </div>
    <div class="col-xs-12">
      <div>3.3</div>
    </div>
  </div>
</div>

CSS

.parent{
    background: yellow;
    display: table;
    table-layout: fixed;
}
.child {
    border: 1px dotted blue;
    display: table-cell;
    vertical-align:bottom;
    text-align:center;  
    float:none;
}