How to append div tag into a SVG rect element?

Question

I couldn\'t find a correct solution for this problem so I decided to write a new question.

I\'m not even sure that this is possible but I hope it is.

So here is

Answer 1

Unfortunately, it's not possible: you cannot append an HTML element to an SVG element.

The only way for using a div (or a p, h1, li etc) in an SVG is by using foreignObject. In your code, something like this:

Notice that foreignObject comes after the rectangle, not inside it (as in your code). Also, notice that foreignObject does not work in IE: https://developer.mozilla.org/en/docs/Web/SVG/Element/foreignObject