Align svg to center of screen

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.

https://stackoverflow.com/a/44963267/3221274 – Shishir Arora Jul 07 '17 at 05:41 — Shishir Arora, Jul 07 '17 at 05:41

score 32 · Accepted Answer · edited Apr 24 '15 at 17:32

32

Try CSS:

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

edited Apr 24 '15 at 17:32

Carter Medlin

answered Nov 14 '12 at 04:48

score 2 · Answer 2 · answered Dec 21 '13 at 03:57

2

Include it in a element.

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

This should work.

answered Dec 21 '13 at 03:57

Xin

2 Answers2