JSFiddle - React, Tailwind, and code Playground

by Kai Hendry

HTML

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500">
<foreignObject class="node" x="46" y="22" width="200" height="300">
<body xmlns="http://www.w3.org/1999/xhtml">
<div><abbr title="Document Object Model">DOM</abbr></div>
</body>
</foreignObject>
</svg>

CSS

svg { border: 1px solid black; }
svg div { border: 1px dotted blue; }