** start of undefined **
<style>
ul {
list-style: none;
}
.survey {
text-align: center;
}
h1, p {
text-align: center;
}
#submit {
display: block;
margin-left: auto;
margin-right: auto;
}
j
</style>
<div class="hej">
</div>
<h1 id="title">Survey</h1>
<p id="description">Take this survey</p>
<form id=survey-form>
<div class=survey>
<ul>
<label id="name-label">
<li><input id="name" placeholder="Name" required>Name</input></li>
</label>
<label id="email-label">
<li><input id="email" type="email" placeholder="E-mail" required>Email</
input></li>
</label>
<label id="number-label">
<li><input id="number" type="number" min="0" max="100" placeholder="Age" > Number
</input></li>
</label>
</ul>
<select id="dropdown">
<option>How do you hear about us?</option>
<option>Facebook</option>
</select>
<input type="radio" value="Business" name="private">Business
</input>
<input type="radio" value="Private" name="private">
Private
</input>
<input type="checkbox" value="Male">
</input>
<input type="checkbox" value="Female">
</input>
<br>
<textarea>
</textarea>
</div>
<button id="submit" type="submit">SUBMIT</button>
</form>
** end of undefined **
** start of undefined **
** end of undefined **