Hi,
Im a super early beginner, the survey project is my first exposure to coding in any way so apologies if i seem incompetent. I’ve been using a fieldset element to make different sections, but for some reason when I did a fieldset with my radio buttons it isn’t separating it from the previous section. It also isn’t including the text for the question I asked “What is your gender identity?” I am including my code and a picture of the issue.
<!doctype html>
<html lang="en"></html>
<head>
<meta charset="utf-8"
<link rel="stylesheet" href="styles.css">
<h1>Simple Introduction Form</h1>
</head>
<body>
<p id="description">Please fill out this form introducing yourself:</p>
<form id="survey-form">
<fieldset>
<label for="name" id="name-label">Name:
<input required id="name" type="text" placeholder="Enter your name"></input>
</label>
</fieldset>
<fieldset>
<label id="email-label" for="email">Email:
<input required id="email" type="email" name="email" placeholder="Enter your email"></input>
</label>
</fieldset>
<fieldset>
<label for="number" id="number-label">Age:
<input placeholder="Age" id="number" type= "number" min="13" max="120"></input>
</fieldset>
<fieldset>
<label>What is your favorite cuisine?
<select id="dropdown">
<option value="">(select one)</option>
<option value="1">Italian</option>
<option value="2">Mexican</option>
<option value="3">Sushi</option>
<option value="4">Other</option>
</label>
</fieldset>
<fieldset>What is your Gender Identity?
<label for="female"><input id="female" type="radio" name="gender-identity" class="inline" checked>Female</input></label>
<label for="male"><input id="male" type="radio" name="gender-identity" class="inline">Male</input></label>
<label for="other"><input id="other" type="radio" name="gender-identity" class="inline">Other</input></label>
</fieldset>
</form>
</body>
