How can I position an svg element

Answer 1

You are trying to getting a badge for a good answer to your question, but neither question nor answer are good...

You are bad mixing different concept: 'float' property don't allows to 'position' element ( to do that, the most direct css property about it, is... 'position' ^^ ), especially not a SVG element...

In meaning of 'positionnement mode' of Html, you can 'position' only Html elements ( <svg> is an html element, but its childs are SVG element, and the Css language apply for both, but rules/properties not the same, even if some are shared ).

In meaning of 'position in the 2D space of the display' an element, you can do this with specific properties ( not same in html ans svg ), since you correct declare the 'positionnement mode' of your Html element ( Svg element are designed at start to be handle by this way ) :P

Answer 2

By using the 'float' property