Help please!Why is my "Would you recommend freeCodeCamp to a friend? " not aligned with the others? And why is there a gap between the label and the radio butto

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;

}

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.