sf.html

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.vertical-menu {

margin-top:280px;
  width: 500px;
 
}

.vertical-menu a {

  background-color: brown;
  color: black;
  display: block;
  padding:15px;
  text-decoration: none;
}

.vertical-menu a:hover {
  background-color: #ccc;
 
}

.vertical-menu a.active {
  background-color: #556B2F;
  color: white;
}
</style>
</head>
<body>

<h2 style="text-align:center;color: brown;"><a href="home.html">Go to Home</a></h2>
<center>
<div class="vertical-menu">
  <a href="#" class="active">Name</a>
  <a href="a.html" style="padding-left:450px;">A</a>
  
  <a href="b.html" style="padding-left:450px;">B</a>
  <a href="c.html" style="padding-left:450px;">C</a>
  
</div>
</center>
</body>
</html>