[OFF-TOPIC]SVG Alignment

Question

How can I align SVG to the center of the webpage using CSS. That will be align to the center from any device.

Answer 1

Warith Vatanaplachaigoon
Look at this code

https://code.sololearn.com/Wuk85cBCeypA/?ref=app

Answer 2

Here Olga
https://code.sololearn.com/W918sUH9h2i3/?ref=app
Try to use iPad or Tablet to solved this question.
If you see this in smartphone. I'd already set the x,y points of my SVG. So it may be already align if you use smartphone.

Thanks.

Answer 3

Olga Only horizontally.

Answer 4

Wow! It’s work! Thanks for your help @Olga

Answer 5

Need to see the code

Answer 6

Warith Vatanaplachaigoon
Please tell me you want to position only horizontally in the middle or in the center of the screen of the device

Answer 7

And can be simply
svg { display: block;
margin: 0 auto;}

Answer 8

Warith Vatanaplachaigoon
Height is necessary for the location in the center of the entire screen. Only for horizontal positioning, height is not needed. It is better to erase. Sorry.
Another option will also work.
Thank you for the opportunity to solve a lovely exercise.

Answer 9

svg {
display: block;
margin: 10px auto;
}