Two Shape Elements together | Sololearn: Learn to code for FREE!


Two Shape Elements together

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>

11/20/2020 9:16:27 AM

Anna Accensi

3 Answers

New Answer


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>


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


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