html

<!DOCTYPE html>
<html>

<link rel="stylesheet" href="weedansh.css">
<body bgcolor="pink" style="height: 50px; vertical-align: middle;">
	<center>
        <div id="weedophile">
		<h1>PICT OFFICE</h1>
		<form>

			<br /><br />

			<input type="text"
				placeholder="zip code" id="pin"
				name="zip" maxlength="8" />
			<br /><br />

			<input type="reset" value="Clear"
				style="background-color: red;
						color: white" />
			<input type="submit" value="Submit"
				style="background-color: green;
						color: white" />
		</form>
    </div>
	</center>
</body>

</html>


#css

html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
}
div {
    width: 300px;
    border: 15px solid;
    padding: 50px;
    margin: 20px;
  }
Editor is loading...