Im stuck and need help with label elements

HTML-CSS
#1

Tell us what’s happening:

Each of your two radio button elements should be nested in its own label element.
I did that now I’m stuck this is what I have so far

indoor outdoor ` ` ` **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">
<label>
  <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>
</label>
` ` `
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>


**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.108 Safari/537.36</code>.

**Challenge:** Create a Set of Radio Buttons

**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons
1 Like
#2

Consider again the text of the challenge (emphasis mine).

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

Which element is nested in which?

Hope it’s enough :slightly_smiling_face:

#3

but you’re entered here
` its the apl level element

#4 
<label>
  <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>
</label>

So, your labels seem a bit backwards. The for attribute should be in the first label tag.
Like so:

<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>

Also, the name of the radio button should be right after this tag:

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

Like that. And then just wrap it in a label:

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

Hope this helps!

#5