How do I display these form inputs on a seperate line?


Hello,

  • how do I move these elements to the center of the page using CSS?
  • Also, how can I make the input elements all on different lines. I don’t want it all to be displayed on the same line.
<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" href="style.css">
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Examination results | Home</title>
</head>
<body>
	<header>
		<h3>School Name</h3>
		</header>
	<div class="loginform">
	<h3>Please enter the following details to get your results</h3>
<form action="login.php" method="POST">
	<label for="rollnumber"><b>Roll Number:</b>
	<input type="number" name="rollnumber" placeholder="Enter your roll number">
	<label for="schoolnumber" ><b>School Number:</b></label>
	<input type="number" name="schoolnumber" placeholder="Enter your school number">
	<label for="DOB"><b>Date of Birth:</b></label>
	<input type="date" name="DOB" placeholder="Enter your date of birth">
	<input type="submit" value="Submit">
	<input type="reset" name="Reset">
</form>
</div>
<footer></footer>
</body>
</html>