As a beginner in the world of HTML website building, I am currently working on creating a fast food website. My goal is to have a "Home", "Menu", and "Contact" links at the top of my webpage, but I am struggling with adjusting the margin and padding.
Here is a picture of my website
<!DOCTYPE html>
<head>
<title>McBuggaKing</title>
<style>
body {
background: grey;
color: yellow;
font-family:Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
header {
margin: 0;
padding: 0;
background: green;
}
ul {
list-style-type: none;
}
li {
display: inline-block;
margin: 0 20 0 0;
}
section {
margin: 0;
padding: 0;
}
Footer {
Color: White
}
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="index.html">Home </a></li>
<li><a href="meny.html">Menu </a></li>
</ul>
</nav>
</header>
<section>
<h1>Welcome to McBuggaKing.</h1>
<h4>We got all the buggas u need</h4>
</section>
<section>
<div> Chessbugga </div>
<div> Fryz </div>
<div> Popping Soda </div>
</section>
<footer>Copyright Floffy</footer>
</body>
</html>This is my very simple website. Despite researching online and watching tutorials, I still can't pinpoint the issue I am facing.