Learn HTML Forms by Building a Registration Form - Step 17

I can’t figure out how to insert inputs correctly inside labels.
Please can someone explain to me what I’m doing wrong? Thanks!

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form method="post" action='https://register-demo.freecodecamp.org'>

<!-- User Editable Region -->

        <label for='first-name'>Enter Your First Name: <input type='text' id='first-name' name='name' required /></label>
        <label for='last-name'>Enter Your Last Name: <input type='text' id='last-name' name='name' required /></label>
        <label for='email'>Enter Your Email: <input type='text' name='email' id='email' required /></label>
        <label for='password'>Create a New Password: <input type='text' name='password' id='password' required /></label>

<!-- User Editable Region -->

/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;

label {
  display: block;
  margin: 0.5rem 0;

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Learn HTML Forms by Building a Registration Form - Step 17

Link to the challenge:

I’m a little confused here. The title says this is for step 17 but you’ve added a ton of stuff to the inputs and labels that shouldn’t be added until later steps. Please verify what step this is for.

Oh, yeah. I fixed it by only entering input after each label, so that was all I had to do haha. I was complicating everything! Thanks a lot!!

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