Input and label

Tell us what’s happening:
I type the code as per the example input and label but it keeps on asking that the each of your two radio button elements should be nested in its own label element

Your code so far

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

<a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
  <li>cat nip</li>
  <li>laser pointers</li>
<p>Top 3 things cats hate:</p>
  <li>flea treatment</li>
  <li>other cats</li>
<form action="">
  <input id="indoor"type="radio"name="indoor-outdoor">
  <label for="indoor">Indoor</label>
  <input id="outdoor"type="radio"name="indoor-outdoor">
  <label for="outdoor">Outdoor</label>
  <input type="text"placeholder="cat photo URL" required>
  <button type="submit">Submit</bottom>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.102 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Radio buttons need to be nested in the label.

Good Day


please do not post screenshots, post your actual code

When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

the input element should be between the opening and closing <label> tags, look at challenge description for an example of how it should be

this should be button

Thank you for your help.

Good Day

Sorry to ask you this question. I do not always have internet access here in South African, is there a way that I can download the learning material from the site to practice and learn.