Having trouble with radio button nested inside lable!

HTML-CSS
#1

Tell us what’s happening:
i have just follow the instruction on how to make radio button nested in lable but somehow it doesn’t go through in which only first two has been check marked correct and the rest check marked wrong. any help is needed.

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="https://freecatphotoapp.com/submit-cat-photo">
  
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
 </form>
<form>
<lable for="indoor">
 <input id="indoor" type="radio" name="indoor-outdoor"> Indoor</input>
 </lable>
</form>
<form>
<lable for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor"> outdoor
</lable>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

#2

i think both radio buttons should be nested in the same form element and not separated

#3

i did either way i mean within the same form it didn’t work out then i put it in form seperatly if it work but didn’t worked. I really don’t know what is wrong.

#4

There are some typos in the code.

FCC kind of gives the answer because you can just copy the example twice, place inside the form and change the second radio button from indoor to outdoor.

Also, you only need one form not three

#5

You are misspelling one tag. You use"<lable></lable>" when you should use “<label></label>”. Good luck.

#6