Я создаю веб-сайт, пытаясь выучить HTML. Я создал несколько очень простых c веб-сайтов, поэтому я не мастер.
Моя горизонтальная (верхняя) панель навигации находится под моим заголовком, однако по некоторым причинам я не могу центрировать вкладки.
Как получить, чтобы текст вкладок центрировался с помощью навигационной панели?
<!--Header-->
<header>
<img id="pumpkin" src="pumpkin.gif" alt="Pumpkin">
<h2 id="halloween">The Halloween Store</h2>
<h3 id="goblin">For the little Goblin in all of us!</h3>
</header>
<!--Main Body With Drop Down Navigation-->
<body>
<nav class="topNav">
<ul id="topNav">
<li><a href="HalloweenStore.html">Home</a></li>
<li><a href="Products.html">Product List</a></li>
<li><a href="Personal.html">Personal</a></li>
<li><a href="Ideas.html">Decorating Ideas</a></li>
<li><a href="Email.html">Join Email</a></li>
</ul>
</nav>
</body>
CSS
#topNav {
width: 790px;
height: 35px;
font-size: 15px;
text-align: center;
background-color: black;}
#topNav li {
display: inline-block;}
#topNav a {
padding: 10px 30px 10px 30px;
font-weight: bold;
text-decoration: none;
color: White; }
#topNav a:hover {
background-color: lightgray}
#body{
width: 800px;
background: white;
border: 5px solid black;
box-shadow: 0px 0px 10px 10px;
margin: auto;}