Bootstrap

README.md

@@ -1 +1,3 @@
-# svg-foreign-object-test
+# svg-foreign-object-test
+
+![Test SVG](./test.svg)

test.svg

@@ -0,0 +1,24 @@
+<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+  <style>
+    div {
+      background: pink;
+      font: 12px serif;
+      padding: 10px;
+    }
+    
+    .red {
+      color: red;
+    }
+    
+    .green {
+      color: green
+    }
+  </style>
+
+  <foreignObject x="20" y="20" width="160" height="100">
+    <div xmlns="http://www.w3.org/1999/xhtml">
+      <p class="red">This is red color</p>
+      <a href="//example.com" class="green">This is green color</a>
+    </div>
+  </foreignObject>
+</svg>