Problem with paragraph in survey form

I’m building my Survey Form challenge right now and it seems to have a problem with my div and p tags because they don’t appear in the preview. I tried in codepen and it has the same problem, so I guess the issue is in my code but I can’t see it.
My code so far:

<html>
  <head>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <header class="header">
      <h1 id="title">freeCodeCamp</h1>
      <p id="description" class="description text-center">Thank you for taking the time to help us improve the platform</p>
    </header>
    <form id="survey-form">
      <div class="form-control">
        <label id="name-label" for="name">Name</label>
        <input
        type="text"
        id="name"
        name="name"
        placeholder="Enter your name"
        required
        />
      </div>
        <div class="form-control">
        <label id="email-label" for="email">E-mail</label>
        <input
        type="text"
        id="email"
        name="email"
        placeholder="Enter your email"
        required
        />
      </div>
        <div class="form-control">
        <label id="age-label" for="age">Age</label>
        <input
        type="number"
        id="number"
        min="10"
        max="99"
        name="age"
        placeholder="Age"
        />
      </div>
      <div class="form-control"
      <p>Which option best describes your current role?</p>
      <select id="dropdown" for="role" name="role" required </select>
      <option disabled selected value>Select current role</option>
      <option value="student">Student</option>
      <option value="job">Full Time job</option>
      <option value="learner">Full Time learner</option>
      <option value="unemployed">Unemployed</option>
      <option value="preferNo">Prefer not to say</option>
      <option value="other">Other</option>
    </div>
<div class="form-control"
      <p>Would you recommend freeCodeCamp to a friend?</p>
<input
      name="user-recommend"
      value="definitely"
      type="radio"
      class="input-radio"
      checked
      />

Even though the radio checkbox appear in the preview, the paragraph doesn’t and I can’t understand why. Maybe it’s a silly mistake that I’m making here, but I need help!

I checked your code on validator. I suggest you try it)

1 Like

Hi! The validator is a great tool. Take a look at your elements and make sure the opening and closing tags all match up!