Create a Set of Radio Buttons i need help with the indoor outdoor lesson

Tell us what’s happening:

Im typing in the radio elements and everything, the indoor outdoors, and it still not moving onto the next lesson. can someone help me???

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="/submit-cat-photo">
   <input id="indoor" type="radio" name="indoor-outdoor">Indoor
   <label for="indoor">Indoor</label>
   <input id="outdoor" type="radio" name="indoor-outdoor">Indoor
   <label for="outdoor">Outdoor</label>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>

Your browser information:

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

Each of your two radio button elements should be nested in its own label element.

1 Like

I dont know how that looks like, can you type it out for me??

1 Like

I’m talking about this :

input id=“indoor” type=“radio” name=“indoor-outdoor”>Indoor Indoor Indoor Outdoor

To post readable code, select it all and then use the </> in the post editor

To nest an element inside an other you need to do what it was shown to you above
With the following you have input nested inside label


In your code instead the tags are like this, not nested