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: