JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<style>
    td {font-family: Times; text-align: right}
</style>
</head>
<body>
<p>This tests that the background-image of a table column &quot;covers exactly the full area of all cells that originate in the column&quot; as per <a href="http://www.w3.org/TR/CSS2/tables.html#table-layers">section 17.5.1 of the CSS 2.1 spec</a>. In particular, that the background-image covers the full area of cells that span outside of the column (i.e. have a colspan > 1). This test PASSED if you do not see the word FAIL.</p>
<table style="width: 100px; border-collapse: collapse">
	    <col style="background: red url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAyCAIAAAAlV+npAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGJJREFUeNrs0DEBACAMA7CCkuFfFDgBC5w7EgkZyU0zVWfvlX5mkCVLlixZspAlS5YsWbKQJUuWLFmykCVLlixZspAlS5YsWbKQJUuWLFmykCVLlixZspAlS5YsWbL49gQYAK/vBGIaMGlwAAAAAElFTkSuQmCC')">
	    <tr style="height: 50px">
	        <td style="color: yellow;" colspan="2">FAIL</td>
	    </tr>
	</table>
	</body>
	</html>