Tell us what’s happening:
I Am at the part of Basic HTML and HTML5 create radio buttons and Ive Aced it except it says (Each of your two radio button elements should be nested in its own label element.) and i cant figure out for the life of me how to fix it, ive even watched the video and copied the solution in and it still wont let me pass? can someone please help me figure this out. thank you
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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.113 Safari/537.36.
Challenge: Create a Set of Radio Buttons
Link to the challenge: