Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

I cant get the labels for Email & Number nxt to their corresponding boxes but Name is. Can someone please help me?

Your code so far

html

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<h1 id="title">Analysis of FreeCodeCamp</h1>
<p id="description">We would appreciate your input on how we can improve our site</p>
<form id="survey-form">
  <fieldset>
    <label id="name-label">Name
    <input id="name" type="text" placeholder="name" required/> </label>
    <label id="email-label">Email
       <input id="email" name="email" type="email"    placeholder="email" required/></label>
    <label id="number-label"> Number<input id="number" type="number" placeholder="number"  min="000" max="99999"/></label>
    </fieldset>
    </form>

/* file: styles.css */

Your browser information:

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

Challenge Information:

Survey Form - Build a Survey Form

2

Hi. Can you explain your issue a bit more please. Your labels are next to each input box.

Please can you also add your CSS code.

Is there any particular test number you are not passing?

3

This is the final exercise … Build your own survery form

Instructions require me to have a place for someone to enter their name, number, and email address on the form. I have the input boxes and labels, however the labels for email and address are on the right side of the boxes instead of on the left. It seems the my code is correct. I dont have a CSS code yet and I’m not sure where to begin.

4

Your labels are showing on the left side of all the input boxes for me.

If you want the label to go after the input box then you change the order of the input and the label.

<label id="name-label">Name
    <input id="name" type="text" placeholder="name" required/> </label>

Do you want the label and corresponding inputs to all appear on separate lines?