<!DOCTYPE html>
<html>
  <head>
    <title>Budget</title>
    <link rel="stylesheet" href="bower_components\pure\pure.css" media="screen" title="Pure css" charset="utf-8">
  </head>
  <body>
    <div class="pure-g">
      <div class="pure-u-2-3">
        <h2>Accounts</h2>
        <ul class="accounts">
        </ul>
      </div>
      <div class="pure-u-1-3">
        <h2>Add a new account</h2>
        <div>
          <legend>Add a new account</legend>
          <input id="accountName" type="text" placeholder="Account Name">
          <a class="addAccount pure-button pure-button-secondary">Add account</a>
        </div>
      </div>
    </div>

    <script src="index.js" charset="utf-8"></script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>Budget</title>
    <link rel="stylesheet" href="bower_components\pure\pure.css" media="screen" title="Pure css" charset="utf-8">
  </head>
  <body>
    <div class="pure-g">
      <div class="pure-u-1-3">
        <h2>Accounts</h2>
        <ul class="accounts">
        </ul>
        <h4>Add a new account</h4>
        <input id="accountName" type="text" placeholder="Account Name">
        <a class="addAccount pure-button pure-button-secondary">Add account</a>
      </div>
    </div>

    <script src="index.js" charset="utf-8"></script>
  </body>
</html>

Move the add account form under the accounts
Move the add account form under the accounts
