Guys, what's wrong with the "label" element?

When I submit my code ,this message appear "
Your new radio button and associated label should be below the first one. You have them in the wrong order." .
I changed the order a lot of times but it still the same.

  **Your code so far**
<html>
<body>
  <main>
    
    <section>
      <h2>Cat Form</h2>
      <form action="https://freecatphotoapp.com/submit-cat-photo">
        <label><input id="indoor" type="radio"> Indoor</label>
        <label><input id="outdoor" type="radio"> outdoor</label>
        <input type="text" name="catphotourl" placeholder="cat photo URL" required>
        <button type="submit">Submit</button>
      </form>
    </section>
  </main>
</body>
</html>
  **Your browser information:**

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

Challenge: Step 46

Link to the challenge:

you should close your input elements with a “/>”. See if that helps.

I’ll try
But isn’t self-closing?

your right. It actually just wants you to capitalize the word Outdoor