I have developed a compact form as part of a larger webpage, proceeding step by step according to the specified requirements.
I am wondering if there could have been a more efficient way to code this. Perhaps streamlining the code or utilizing different commands or syntax that would be more effective?
Are there any redundancies in the code that can be eliminated?
Additionally, I am looking for suggestions on how to center the Send button in the middle of the form and possibly move it closer to the bottom without too much trouble. Is there a way to adjust the position of the placeholder text towards the left as well?
I will provide a link to a pen where you can review the code.
https://codepen.io/anon/pen/pYNPrw
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
<title></title>
</head>
<body>
<form action="#">
<h2>xyz xyz</h2>
<div class="input-wrapper">
<label for="name">Name:</label>
<input type="text" name="Name" placeholder="Name...." id="name">
</div>
<div class="input-wrapper">
<label for="email">Epost:</label>
<input type="text" name="Epost" placeholder="Epost...." id="epost">
</div>
<button type="submit">Senden</button>
</form>
</body>
</html>