Angenommen, das folgende SVG-Dokument:

<svg version="1.1" baseProfile="full" width="300" height="200" xmlns="http://www.w3.org/2000/svg">
<text x="20" y="20">My text</text>
</svg>

Jetzt möchte ich diesen Text mit CSS neu positionieren.

Ich habe versucht hinzuzufügenstyle="dx:20" undstyle="transform: translate(20)". Beides hat in Firefox und Safari keine Auswirkung. Das Hinzufügen dieser als normale Attribute funktioniert gut, aber dann kann ich die Positionierung nicht vom tatsächlichen Code trennen. Rahmenx, y, left undtop in dem Stil funktioniert auch nicht.

Gibt es eine Möglichkeit, ein SVG-Element mit CSS zu positionieren?