HTML 5 being weird

So i'm currently building a set of 3 buttons via forms, and having a weird issue i've never seen before with the following code:

<div class='logout'>
  <form action='action.php' method='post'>
    <input type='submit' value='H'>
    <input type='text' name='mode' value='0' hidden>
  </form>
</div>
<div class='Mini'>
  <form action='action.php' method='post'>
    <input type='submit' value='M'>
    <input type='text' name='mode' value='MINI' hidden>
  </form>
</div>
<div class='Close'>
   <form action='action.php' method='post'>
     <input type='submit' value='C'>
     <input type='text' name='mode' value='DISPLAY' hidden>
  </form>
</div>

in its current state none of the forms are shown, but when the > is dropped from the close form tags they become fully functional