Stuck on my first website


#1

So I'm stuck on this for quite a while. I want to have the navigation bar in the top-center of the webpage but I don't know how to do this. I've tried anything I knew from codecademy and nothingworked.

Does someone know how to fix it?
I'd greatly appreciate an answer.


#2

Quick fix:

li {
  margin: auto;
  display: inline;
}


#3

Could you please post the full code of this page?
I might have written a line which effects your li{} code.


#4

body {
	max-height: 1050px;
	max-width: 1680px;
	background-color: black;
}

ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	background-color: rgba(0,0,0,0,.25);
	border-bottom: rgba(105,105,105,0.8) solid 5px;
	text-align: center;
	width: 100%;
	height: 100%;
}

li {
	margin: auto;
	display: inline;
}

li a {
	display: inline-block;
	color: white;
	text-align: center;
	font-size: 1.5rem;
	padding: 0.5rem;
}

li a:hover {
	color: rgb(80,80,80);
}

h1 {
	font-size: 5rem;
	color: red;
	text-align: center;
	margin-top: 9rem;
}