Currently working on creating a simple navigation bar using HTML/CSS for a Java/Spring Boot project. Admittedly, my HTML/CSS skills are quite limited as you can see below. I'm aware that there might be some mistakes in my approach. Thank you in advance for your help.
HTML:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<title>Title</title>
<link href="styles.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<header> Welcome to Toner Stock </header>
<div id="mynav">
<ul>
<li><a href="home-page.html">Home</a></li>
<li><a href="add-buyer.html">Add Buyer</a></li>
<li><a href="add-manager.html">Add Manager</a></li>
<li><a href="current-stock.html">Current Stock</a></li>
<li><a href="transactions.html">Transactions</a></li>
</ul>
</div>
</body>
</html>
CSS:
header{
font-family: Impact, Haettenschweiler;
font-size: 45px;
text-align: center;
}
#mynav {
float: left;
margin: 0;
padding: 0;
width: 60px;
}
#mynav ul{
display: inline-block;
list-style-type: none;
height:auto;
text-align: center;
}
#mynav li{
display:inline-block;
}