JSFiddle - React, Tailwind, and code Playground
HTML
<div id="content">
<table class="bank">
<thead>
<tr>
<td colspan="9" class="bankName">Username: despair</td>
</tr>
</thead>
<tbody>
<tr class="bankRow">
<td class="data">
<img class="itemIcon" src="//canyourcode.com/rsps/images/items/995.png" /> <span class="white">1m</span>
</td>
<td class="data">
<img class="itemIcon" src="//canyourcode.com/rsps/images/items/4834.png" /> <span class="yellow">1000</span>
</td>
<td class="data">
<img class="itemIcon" src="//canyourcode.com/rsps/images/items/6570.png" /> <span class="yellow">10</span>
</td>
</tr>
<tr class="bankRow">
<td class="data">
<img class="itemIcon" src="//canyourcode.com/rsps/images/items/3510.png" /> <span class="yellow">5</span>
</td>
</tr>
</tbody>
</table>
</div>
CSS
table.bank {
background: url("//canyourcode.com/rsps/images/bank.png") no-repeat;
width:490px;
height:305px;
overflow:auto;
position:fixed;
left:0;
top:0;
}
td.bankName {
color:#ff0;
text-align:center;
vertical-align: middle;
}
tr.bankRow {
display: block;
height: 40px;
padding: 5px;
margin-bottom: 10px;
}
td.data {
display: inline-block;
padding: 8px;
vertical-align: top;
text-align: center;
width: 32px;
border-spacing: 5px;
}
img.classIcon {
width:25px;
height:25px;
}
.yellow {
color:yellow;
}
.white {
color:white;
}
.green {
color:green;
}