<html>
<head>
<script type="text/javascript" src="sha256.js"></script>
<script type="text/javascript" src="password.js"></script>
<title>Password Maker</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style>
input {
  font-family: monospace;
}
</style>
</head>
<body>
<div>
<form id="pGen" action="javascript:domEdit()">
<p>Key: <input name="keyvalue" type="password" placeholder="pass123" maxlength="32" id="key"/></p>
<p>Website: <input name="sitevalue" placeholder="facebook.com" type="text" maxlength="128" id="site"/></p>
<p><input type="submit" value="Generate" /></p>
</form>
<p>Password: <input readonly name="outvalue" type="text" maxlength="16" id="output"/></p>
</div>
<br />
<br />
<p><a href="https://github.com/meta1203/PasswordMaker/" target="_blank">Source on GitHub</a></p>
</body>
</html>

<html>
<head>
<script type="text/javascript" src="sha256.js"></script>
<script type="text/javascript" src="password.js"></script>
<title>Password Maker</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style>
input {
  font-family: monospace;
}
</style>
</head>
<body>
<div>
<table>
<tr>
<td>Key: </td>
<td><input name="keyvalue" type="password" placeholder="pass123" maxlength="32" id="key"/></td>
</tr>
<tr>
<td>Website: </td>
<td><input name="sitevalue" placeholder="facebook.com" type="text" maxlength="128" id="site"/></td>
</tr>
</table>
<p><input type="submit" value="Generate" /></p>
</form>
<p>Password: <input readonly name="outvalue" type="text" maxlength="16" id="output"/></p>
</div>
<br />
<br />
<p><a href="https://github.com/meta1203/PasswordMaker/" target="_blank">Source on GitHub</a></p>
</body>
</html>

Add tables for better formatting
Add tables for better formatting
