Por enquanto está assim.
html>
<head>
<title> Menu HTML+CSS </title>
<style>
body {
margin: 0;
}
#menu ul {
margin: 0;
background-color: black;
list-style: none;
}
#menu ul li{
display: inline;
}
#menu ul li a{
padding: 12px 10px;
display: incline-block;
color: white;
text-decoration: none;
}
#menu ul li a: hover {
color: pink
}
</style>
</head>
</body>
<div id = "menu">
<ul>
<li> <a href = "#" >Inicio</a></li>
<li> <a href = "https://wa.me/+5521988555400" >Contato</a></li>
<li> <a href = "#" >Facebook</a></li>
<li> <a href = "#" >Instagram</a></li>
<ul>
</div>
</body>
</html>