I created 2 svg circle. Both have the same width height and are in same x and y axis measurements. Why they don't overlap??

Question

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

Answer 1

HTML elements all take up rectangular space. You set both SVG elements to have a width of 2000 and a height of 2000. Without any further styling these elements will follow normal document object model flow. With the width being greater than the available page width the 2nd SVG is pushed below or under the first.

Answer 2

set the position of svg to absolute...