I dont know how to continue

I am practising with the Radio Button, I already resolve the problem and it doesn’t allow me to run the test because it’s something wrong but I don’t know what. The problem said: Each of your two radio button elements should be nested in its own label element.

Can someone help me? pls

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="/submit-cat-photo">

 <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</button>
</form>
</main>

Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

The input element should be inside the label element, that’s it.

you were asked to do this:

<label for="indoor">

      <input id="indoor" type="radio" name="indoor-outdoor"> Indoor

      </label>

      <label for="outdoor">

      <input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor

      </label>

simply like this

<label>
     <input>
</label>

It is running the tests. The tests are failing because you didn’t nest your radio buttons inside labels.


Indoor

Outdoor
This is the solution to your question. You just need to place the < input> between the . Hope it helps.