JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

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>The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs</div>
</body>
</foreignObject>
</svg>

CSS

svg {
  border: 1px solid black;
}
svg div {
  position: absolute;
  top: 100px;
  left: -50px;
  border: 1px dotted blue;
}