Help me on Radio Buttons! :)

It looks like I’m placing the wrong closing tags in each of the elements:

How should I fix it? Thank you in advance!
Describe your issue in detail here.

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

  <label>
    <label for="indoor">
  <input id="indoor"type="radio"name="indoor-outdoor">Outdoor
   </label>  
</form>
 
</main>
  **Your browser information:**

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Please don’t use screenshots. They don’t help.

The failing message says
Each of your label elements should have a closing tag
Here’s what you’ve coded (I added comments)

<label> <!-- where is the closing tag? why have this? --> 
  <label for="indoor">
    <input id="indoor"type="radio"name="indoor-outdoor">Indoor
  </label>

<label> <!-- where is the closing tag? why have this? --> 
  <label for="indoor">
    <input id="indoor"type="radio"name="indoor-outdoor">Outdoor
   </label> 
2 Likes

Hi Roma!

Thank you for helping, it works! I’m a newbie in the world of HTML that’s why I’m sending screenshots for visual cues. But if it’s useless I’ll stay away from it. Thanks again for jumping!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.