My TExt after my dropdown box isnt showing. WHy?

HTML-CSS
1 
<!DOCTYPE html>
<head>
 <form id="survey-form">
  <h1 id="title"> HORROR MOVIE SURVEY </h1>
 
  <p id="description"> Tell us about some of your favorite Horror Movies and the Icons that make them so great! And be honest.
  </p>
  
     <p>
       Name <input type="text" id="name" placeholder="Enter your name">
    Email <input type="text" id="email" placeholder="Enter your email">
    Age <input type="text" id="number" placeholder="Enter your age" >
  </p>
  
  <h2>Now that the boring stuff is out the way lets get on with the survey!</h2>

  <p> FAVORITE HORROR MOVIE VILLAIN </p>
  <div>
  <ul id="dropdown">
   <li class="radio">
     <label>Pinhead<input name="radio-buttons" value="1" type="radio" class="horrorvillains">
     </label></li>
    <li class="radio">
      <label>Leatherface<input name="radio-buttons" value"2" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Micheal Myers<input name="radio-buttons" value="3" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Pamela Vorhees<input name="radio-buttons" value="4" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Jason Vorhees<input name="radio-buttons" value="5" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Tall Man<input name="radio-buttons" value="6" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Charles Lee Ray (Chucky)<input name="radio-buttons" value="7" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Ghost Face<input name="radio-buttons" value="8" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Toby<input name="radio-buttons" value="9" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Frederick Charles "Freddy" Krueger<input name="radio-buttons" value="10" type="radio" class="horrorvillains">
      </label></li>
    <li class="radio">
      <label>Lubdan<input name="radio-buttons" value="11" type="radio" class"horrorvillains">
      </label></li>
    </ul>
    </div>
    <div>
      <p> Which Franchise of these Horror icons do you think should die?
      <body>
      <select name="franchise" id="dropdown">
        <option value="Hellraiser">Hellraiser</option>
        <option value="Texas Chainsaw Massacre">Texas Chainsaw Massacre</option>
        <option value="Halloween">Halloween</option>
        <option value="Friday the 13th">Friday the 13th</option>
        <option value="Phantasm">Phantasm</option>
        <option value="Child's Play">Child's Play</option>
        <option value="Scream">Scream</option>
        <option value="Paranormal Activity">Paranormal Activity</option>
        <option value="A Nightmare on Elm Street">A Nightmare on Elm Street</option>
        <option value="Leprechaun">Leprechaun</option>
        </p>
        </div>
    <div>
      
      <p>Which franchises would you like to see rebooted?
      <ul>
        <li class="checkbox"><label><input name="most" value="1" type="checkbox" class="franchises">Hellraiser</label></li>
        </p>
     
      </form>
3

you should check your element closing tag. Look at the p tag and select tag they don’t match their opening tags and I just noticed that your html structure is incorrect.