JSFiddle - React, Tailwind, and code Playground

by kontrach

HTML

<div id="firstSelect">
    <table>
        <tr>
            <td>12 mo</td>
            <td>$2.99/mo</td>
            <td>ON SALE</td>
            <td id="square"><div></div></td>
        </tr>
    </table>
</div>

CSS

#square{
    background: silver;
}
#square div{
    width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 5px solid black;
}
td{
    height: 30px;
    width: 30%;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
}
table{
    border-collapse: collapse;
}
table tr:first-child{
    border-left: 1px solid gray;
}
table tr:last-child{
    border-right: 1px solid gray;
}