I'm working on an admin home page in HTML that currently displays buttons like "View Personal Information" and "View Expense Claims". I'd like to transform these buttons into a sidebar menu. Can someone guide me on what CSS code I need to add? Your help is much appreciated, thank you!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel = "stylesheet" type = "text/css" href = "main.css">
<title>Admin Home Page</title>
</head>
<body>
<form action="MainpageOptions" method="post">
<h1>
Admin Home Page
</h1>
<input type="submit" value="View Personal Information" name="vpi">
<br>
<br>
<input type="submit" value="View Expense Claims" name="vec">
<br>
<br>
<input type="submit" value="View Payslips" name="vps">
<br>
<br>
<input type="submit" value="Change Password" name="cp">
<br>
<br>
<br>
<br>
<input type="submit" value="Maintain Employee Information" name="mei">
<br>
<br>
<input type="submit" value="Maintain Tax Information" name ="mti">
<br>
<br>
<input type = "submit" value="Maintain Payroll Items" name = "mpi">
<br>
<br>
<input type = "submit" value = "Maintain Timesheet" name = "mts">
<br>
<br>
<input type = "submit" value = "Maintain Employee Expenses" name = "mee">
<br>
<br>
<input type = "submit" value = "Run Payroll" name = "rpy">
<br>
<br>
<input type = "submit" value = "Generate Reports" name = "grp">
</form>
</body>
</html>