Two Shape Elements together

Question

if I put together two shape elements I can only see the firs one, why?

<svg width="2000" height="2000">
<circle cx="80" cy="80" r="50" fill="green" />
</svg>

<svg width="2000" height="2000">
<rect width="300" height="100"
x="20" y="20" fill="green"/>
</svg>

Answer 1

Anna Accensi

It is because your working area is too big, but if you scrolled down you could see your green rectangle.

Or use this

* i edited your code a little bit*

<svg width="200" height="200">
<circle cx="80" cy="80" r="50" fill="green" />
</svg>

<svg width="400" height="200">
<rect width="300" height="100"
x="20" y="20" fill="green"/>
</svg>

Answer 2

I just have found that all the shapes are there but with a big separation between them. Can I make the separation shorter?

Answer 3

Anna Accensi

Yes you can and that is what i said before. In order to do that you have to decrease the height of the SVG. If you need to, you can refer to the code that i gave you earlier