Survey form build - radio button won't start on new line?

So next to the two drop down options (I can do this and I don’t think I can do this)(under age input) my first radio button won’t go underneath the dropdown. Instead it’s appearing with the button to the right of the dropdown options. I can’t figure out how to put it on its own new line. Help? Thank you so much!

my very imperfect code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <link rel="stylesheet" href="styles.css">
  <head>
    <h1>Can I Code?</h1>
    <p id="description"> first 'solo' coding </p>
  </head>
  <body>
    <form id="survey-form">
      <p><label for="name-label"><input id="name" type="text" placeholder="Your Name" required>Name</input></label></p>
    <p><label for="email-label"><input id="email" placeholder="Your Email Address" type="email" required>Email</input></label></p>
   <p><label for="number-label"><input id="number" type="number" placeholder="Age" min="13" max="120"></input></label></p>
   <p><select id="dropdown"></p>
     <p><option>I can do this</option></p>
    <p> <option>I don't think I can do this</option></p>
<p><input type="radio" name="group">I think Charlie Can Code</p></input>
<p><input type="radio" name="group">I don't think Charlie Can Code</p></input>

     <p><input type="checkbox" value="one"></input><label>Schittake</label></p>
     <p><input type="checkbox" value="two"></input><label>Morel</label></p>
    <p> <input type="checkbox" value="three"><label>Chanterelle</label></input></p>
    <p> <input type="checkbox" value="four"></input><label>Fly Agaric</label></p>
     <p><input type="checkbox" value="five"></input><label>King Trumpet</label></p>
     <p><input type="checkbox" value="six"></input><label>Giant Puffball</label></p>
    <p> <input type="checkbox" value="seven"></input><label>Hedgehog</label></p>
     <p><input type="checkbox" value="eight"></input><label>Milk</label></p>
     <p><label>Any extra thoughts,comments, or suggestions?><textarea></textarea></p>
     <p><input type="submit"></input></p>
 </form>
  </body>
  </html>
/* file: styles.css */
body {background-color: #ccc2ba;
font-family: fantasy;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

input elements and select elements have a display value of inline-block. You could change that property for the select element or you could simply use a div or section element below the select element and nest the input elements in it.