Issue I cannot Sort My Menu Bar in HTML

[Anup Roy]

Hello,
Anyone can help me how to I sort my menu tap from the left and right side?
I mark it below the image. Please help me with the code as soon as possible.
Here is my html code:

<!DOCTYPE html>
<html>
<head>
<title>Stamford University Bangladesh</title>
<style>
h1 {color: blue;}
h2 {color: #1E90FF;}
ul {list-style-type: none;
margin top: 0;
padding: 0;
overflow: hidden;
background-color: #333;}
li {float: right;}
li a {display: inline-block;
color: white;
text-align: center;
font-size: 20px;
padding: 10px 16px;
text-decoration: none;}
li a:hover {background-color: #111;}

</style>
<h1 align="center">Stamford University Bangladesh</h1>

</head>
<body>
<body style="background-colorowderblue;">

<br>
<ul>
<li><a href="http://localhost/anup/login.html">Student</a></li>
<li><a href="#news">Administration</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<h2 align="center">WelCome to Course Teacher Evaluation Form</h2>
<marquee behavior="alternate"><img src="Pictures/wel.mhtml"></marquee>
</body>
</html>