Align svg to center of screen [duplicate]

Question

here is my svg

<svg id="svgMain" align="center" width="500" height="500"></svg> 

But its not aligned to the center.How to align it to the center of the screen.

Answer 1

Try CSS:

#svgMain {margin-left:auto; margin-right:auto; display:block;}

Answer 2

Include it in a element.

<div text-align="center">
<svg id="svgMain" align="center" width="500" height="500"></svg>
</div>

This should work.