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: