I have just started learning HTML and CSS, and I'm curious to know how I can center the links Home, About, and Contact in the header.
HTML:
<body>
<header>
<h1><a href="#">HBT</a> </h1>
<nav>
<a href="./home.html">Home</a>
<a href="./about.html">About</a>
<a href="./contact.html">Contact</a>
</nav>
</header>
</body>
Style :
*{
margin:0;
}
header{
background-color:#000;
overflow: hidden;
height:90px;
}
header h1{
float :left;
}
header nav a{
float :right;
padding:10px;
}