I put it in its own label element and it keep saying i need to put it in own label element what do i do

Tell us what’s happening:
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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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>

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

<label>
<input id="outdoor" type="radio" name="indoor-outdoor">Outdoor 
  <button type="submit">Submit</button>
</label>

</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14150.64.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.104 Safari/537.36

Challenge: Create a Set of Radio Buttons

Link to the challenge:

Your label(s) are missing the for attribute. The for attribute should have the same value as the corresponding input(s) id attribute

Also the button element should not be nested inside either of the label(s)