What's the problem of this code?

Question

I am trying to connect the two lines but how?
https://code.sololearn.com/WiNt8j8Q4eNN/?ref=app

Answer 1

#1 Mistake - You just need ONE "svg" element. TWO "svg" elements make the lines not connected

#2 Mistake - Your second "line" element has TWO closing tags.

Here's your correct code:

<svg width="400" height="400">
<line x1="10" y1="10" x2="100" y2="10"
style="stroke:#000000;
stroke-linecap:rect;
stroke-width:20"/>
<line x1="55" y1="10" x2="55" y2="60"
style="stroke:#000000;
stroke-linecap:rect;
stroke-width:20"/>
</svg>

Answer 2

@Ricky Afdita A P Thanks for your help

Answer 3

wooow