Предположим, что следующий документ SVG:

<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>

Теперь, что я хочу сделать, это переместить этот текст с помощью CSS.

Я пробовал добавлятьstyle="dx:20" а такжеstyle="transform: translate(20)", Оба не имеют никакого эффекта в Firefox и Safari. Добавление их как обычных атрибутов работает нормально, но тогда я не могу отделить позиционирование от фактического кода. настройкаx, y, left а такжеtop в стиле тоже не работает.

Есть ли способ разместить элемент SVG с помощью CSS?