Tell us what’s happening:
Hello, I need help with this, the paragraph does not appear before the radio button and it does not pass the test of descent
Your code so far
WARNING
The challenge seed code and/or your solution exceeded the maximum length we can port over from the challenge.
You will need to take an additional step here so the code you wrote presents in an easy to read format.
Please copy/paste all the editor code showing in the challenge from where you just linked.
<!DOCTYPE html>
<html5>
<head>
<link rel="stylesheet" hred="styles.css>"
</head>
<body>
<header>
<h1 id="title">How much do you know about Harry Potter?</h1>
<p id="description">Test your knowledge and become part of our community</p>
</header>
<fieldset>
<div>
<form id="survey-form">
<label id="name-label">Name: </label>
<input id="name"
type="text"
required
placeholder="Enter your name">
<div>
<label id="email-label">Email: </email>
<input
id="email"
type="email"
required
placeholder="Enter your e-mail">
</div>
<div>
<label id="number-label">Age: </label>
<input id="number"
type="number"
required
placeholder="Age"
min="10"
max="99">
</div>
</fieldset>
<div>
<p>How did you meet Harry Potter?</p>
<select id="dropdown" required>
<option>Movie</option>
<option>Book</option>
<option>Recommended by friends</option>
<option>Social Media</option>
<option>Other</option><br>
</div>
<div>
<p>What is the name of the firts book of Harry Potter</p>
<label>
<input name="book-1"
value="book-1"
type="radio"
>Harry Potter and the Philosopher's Stone</label>
<label>
<input name="book-2"
value="book-2"
type="radio"
>Harry Potter and the Chamber of Secrets
<label>
<input name="book-5" value="book-5" type="radio">Harry Potter and the half blood Prince
</label>
</div>
<div>
<p>Which of these are a character in the saga?<p>
<label>
<input type="checkbox"
name="character"
value="ron"
class="input-checkbox">Ron
</label>
<label>
<input type="checkbox"
name="character"
value="mrs-norris"
class="input-checkbox">Mrs Norris
</label>
<label>
<input type="checkbox"
name="character"
value="hermione"
class="input-checkbox">Hermione
</label>
<label>
<input type="checkbox"
name="character"
value="newton-scamander"
class="input-checkbox">Newton Scamander
</label>
<label>
<input type="checkbox"
name="character"
value="bellatrix-lestrange"
class="input-checkbox">Bellatrix Lestrange
</label>
<label>
<input type="checkbox"
name="character"
value="grindelwald" class="input-checkbox">Grindelwald
</label>
<label>
<input type="checkbox"
name="character"
value="voldemort"
class="input-checkbox">Voldemort
</label>
<label>
<input type="checkbox"
name="character"
value="severus-snape"
class="input-checkbox">Severus Snape
</label>
<label>
<input type="checkbox"
name="character"
value="credence"
class="input-checkbox">Credence
</label>
<label>
<input type="checkbox"
name="character"
value="jacob-kowalsky"
class="input-checkbox">Jacob Kowalsky
</label>
<label>
<input type="checkbox"
name="character"
value="leta-lestrange"
class="input-checkbox">Leta Lestrange
</label>
<label>
<input type="checkbox"
name="character"
value="filch"
class="input-checkbox">Filch
</label>
<label>
<input type="checkbox"
name="character"
value="tom-riddle"
class="input-checkbox">Tom Riddle
</label><label>
<input type="checkbox"
name="character"
value="dudley-dursey"
class="input-checkbox">Dudley Dursey
</label>
<label>
<input type="checkbox"
name="character"
value="arthur-weasly"
class="input-checkbox">Arthur Weasly
</label>
</div>
<div >
<p>Why would you like to be part of this community?</p>
<label>
<input type="textarea"
id="textarea"
class="input-textarea"
placeholder="Please respond here"
</label>
</div>
<div>
<button
type="submit"
id="submit"
class="submit-button">
Submit</button>
</div>
</form>
</body>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge: