This should look like:
```
<li>
  <h2>Beauty and the Beast</h2>
  <p class="description">
    Girl meets beast. Beast falls for girl. Girl falls for beast. Best needs girl to break the spell. Towns people attack    
    the beast. Girl declares love for beast. Spell is broken
  </p>
  <div class="main_characters">
    <h3>Main Characters</h3>
    <ul>
      <li>Belle</li>
      <li>Beast</li>
      <li>Gaston</li>
      <li>Inventor</li>
      <li>Lumier</li>
      <li>Codsworth</li>
    </ul>	
  </div>
</li>
```

Notes:
1. You should only indent when things are inside of something else. So, there's no reason for the `ul` to be indented further than the `h3`.
2. Use lowercase tag names, so `h3`, not `H3`.
3. You shouldn't put a heading inside of a paragraph, so change your `.main_characters` element from a `p` to a `div` so it's a simple wrapper.