2 つのテキスト ボックスで構成される単純なフォームがあります。ページの中央にフォームを表示しようとしています。ページに余分な要素はありません。align="center"要素を使用すると中心に移動しますが、そうではありませんvertical-align:middleか?
<html>
<body style="vertical-align: middle;">
<form>
<div align="center" style="vertical-align: middle;">
<h1>blabla</h1>
<label>
<span>Username: </span><input id="userName" type="text" name="userName" />
</label><br/>
<label>
<span>Password: </span><input id="passWord" type="password" name="passWord" />
</label><br/>
<input type="button" value="Login" />
</label>
</div>
</form>
</body>
</html>