I am supposed to have the radio buttons stacked on top of each other but since are inline elements the are side by side. I dont know how to move the buttons

HTML-CSS
#1 
    <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>





  **Your browser information:**

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

Challenge: Step 46

Link to the challenge:

#2

The new radio button should be placed after the first one.

They don’t need to be on top of each other, just one after the other

#3

could you show me, because I am truly not understanding

#4

What are you not understanding? what issue are you having with your code?

In your title you talk about putting radio buttons on top of each other, but I guess that’s not everything, so please explain more what’s going on here

#5

It’s ok just take it slowly and think about what you’re asking the dumb computer to do.

I would just straighten out your indents, read through the code character by character, and don’t feel like you’re wasting time like this when everyone else is flying ahead (a) you’re not, even senior devs check funky code line by line, it’s not you, programming is super precise (b) they’re not, everyone goes at their own pace and we’re all very likely to get there at the right time anyway (c) this is the essence of learning, you CAN go from not understanding to a new world where you really do understand!

Have a breath, a cup of tea or coffee, be a little bit easier on yourself and proud that you have the guts to look like a fool in front of everyone (You don’t at all, really, we all struggle at things, lots and lots of things)

Good for you!

Also check the help tab and the hints as well