HTML:
<label class="block" id="name-label">Name <input class="block margin" id="name" type="text" required placeholder="Enter your name"/></label>
<label class="block"id="email-label">Email <input class="block margin" id="name" type="email" placeholder="Enter your Email"></label>
<label class="block" id="number-label">Age (optional)<input class="block margin" id="number" type="number" min="10" max="120" placeholder="Age"></label>
<label>Which option best describes your current role?
<select>
<option value="">Select current role</option>
<option value="1">Student</option>
<option value="2">Full Time Job</option>
<option value="3">Full Time Learner</option>
<option value="4">Prefer not to say</option>
<option value="5">Other</option>
</select>
</label>
<label>Would you recommend freeCodeCamp to a friend?</label>
<div><input name="group" value="definitely" id="definitely" type="radio"><label for="definitely">Definitely</label></div>
<div><input name="group" value="maybe" id="maybe" type="radio"><label for="maybe">Maybe</label></div>
<div><input name="group" value="not sure" id="not sure" type="radio"><label for="not sure">Not sure</label></div>
CSS:
h1,p{
text-align: center;
}
select{
display: block;
}
.block {
display: block;
}
p{
margin-top: -15px;
margin-bottom: 30px;
}
fieldset {
max-width: 500px;
}
body {
font-family: Arial;
}
label {
margin: 20px;
}
.margin{
margin-top: 5px;
}
select {
margin-top: 5px;
margin-left: 20px;
margin-bottom: 20px;
}
div{
margin: 0px;
}