JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table1_id">
  <tr id="row1_id">
    <td style="border-right: 1px solid;">
      <img src="http://www.checkgaadi.com/wp-content/uploads/2015/04/Bike-Plan-Premium.png"/>
    </td>
    <td style="border-right: 1px solid;">
      <img src="http://www.checkgaadi.com/wp-content/uploads/2015/04/Car-Plan-Premium.png"/>
    </td>
    <td>
      <img src="http://www.checkgaadi.com/wp-content/uploads/2015/04/Package-Plan.png"/>
    </td>
  </tr>
  <tr id="row2_id">
    <td>
      <input onclick="plan_1_1_click_handler()" type="button" value="Show Details" id="plan_1_1" />
    </td>
    <td>
      <input onclick="plan_1_2_click_handler()" type="button" value="Show Details" id="plan_1_2" />
    </td>
    <td>
      <input onclick="plan_1_3_click_handler()" type="button" value="Show Details" id="plan_1_3" />
    </td>
  </tr>
</table>

CSS

#table1_id {
max-width: 100%;
display: inline-table;
background-color: white;
}
#row1_id {
background-color: white;
}

#row2_id {
text-align: center;
}
#row2_id td {
border-width: 2px;
border-style: solid;
border-color: white; 
}