JSFiddle - React, Tailwind, and code Playground

by Karel Jed Darang

HTML

<html>
<head>
<title>Test</title>
</head>
<body>

<h1>Heading 1</h1>

<p>Paragraph</p>

<div id="indigeneousflag">

<svg width="200" height="100" style="background-color:black">
<rect x="0" y="50" width="200" height="100" style="fill:red"/>
<circle cx="99" cy="50" r="35" style="fill:yellow"/>
</svg>

</div>

<div id="swedishflag">
<svg width="200" height="100" style="background-color:blue">
  <rect x="40" y="0" width="20" height="100" style="fill:yellow"/>
  <rect x="0" y="40" width="200" height="20" style="fill:yellow"/>
</svg>
</div>

<svg width="200" height="100" style="background-color:red">
  <rect x="0" y="0" width="60" height="100" style="fill:blue"/> 
  <rect x="60" y="0" width="80" height="100" style="fill:white"/>
</svg>

<table>
<tr>

<th> First </th>

</tr>
</table>



</body>
</html>