JSFiddle - React, Tailwind, and code Playground

Table test

by MegaScience

HTML

<div style="display: inline-block; font-family: Arial; font-size: 11px;">
  <table style="position: relative; border-collapse: collapse; color: #335c85; margin-bottom: 0; table-layout: fixed; word-wrap: break-all; white-space: no-wrap;">
	<colgroup>
      <col style="background: #D1EEFE;"/>
      <col span="7" style="background: white;"/>
	</colgroup>
    <thead>
      <tr style="background: linear-gradient(#567D9B, #183D7B); font-weight: bold; color: white; text-align: center;">
        <td style="background: linear-gradient(#5B779D, #27405F);"><img style="position: absolute; left: 5px; bottom: 0px;" src="http://i.imgur.com/JSJCHor.png?1" alt="Bing"/></td>
        <td style="vertical-align: middle;">Master Craftsman's Cube</td>
        <td style="vertical-align: middle;">Meister's Cube</td>
        <td style="vertical-align: middle;">Red Cube</td>
        <td style="vertical-align: middle;">Black Cube</td>
        <td style="vertical-align: middle;">Bonus Potential Cube</td>
        <td style="vertical-align: middle;">Violet Cube</td>
        <td style="vertical-align: middle;">White Cube</td>
      </tr>
    </thead>
    <tbody>
      <tr style="text-align: center;">
        <td style="border: 1px solid grey;"></td>
        <td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/b0UZPiX.png" alt="Master Craftsman's Cube"/></td>
        <td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/I88tFNA.png" alt="Meister's Cube"/></td>
        <td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/0QxLP2w.png" alt="Red Cube"/></td>
        <td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;" src="http://i.imgur.com/5Dkrick.png" alt="Black Cube"/></td>
        <td style="vertical-align: middle; border: 1px solid grey;"><img style="max-width: 75px;"...

JavaScript

/*
http://nxcache.nexon.net/maplestory/shop/gachapon/img/items/Red-Cube.png
http://nxcache.nexon.net/maplestory/shop/gachapon/img/items/Black-Cube.png
http://nxcache.nexon.net/maplestory/shop/gachapon/img/items/Bonus-Potential-Cube.png
http://nxcache.nexon.net/maplestory/shop/gachapon/img/items/Violet-Cube.png
http://nxcache.nexon.net/maplestory/shop/gachapon/img/items/White-Cube.png

*/