right / left aligned buttons using <nav> HTML in a form

[mostafatouny]

<form>
..
  <nav>
    <ul></ul>
    <ul>
      <li><button type="button" class="contrast">Reset</button></li>
      <li><button type="button">Back</button></li>
      <li><button type="submit">Submit</button></li>
    </ul>
  </nav>
</form>

I used <nav> to align buttons to the right

button and submit types are inconsistent in terms of styling. a workaround is to use <button type="button" onclick="this.form.submit()">Submit</button>.

Similarly, We can have left aligned buttons also, or both. It's a great trick to be added in the documentation, and deserves more native support.