Reakce na odpověď

<DOCTYPE html>
<html>
<head>
<title>SDH Prostřední Bečva</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<img src="nadpis.jpg" align="" height="200" width="auto">

<nav>
<ul class="main_menu">
<li><a href="index.html">home</a></li>
<li><a href="vybavení.html"> vybavení</a></li>
<li><a href="#"> soutěže</a></li>
<li><a href="#"> fotogalerie</a></li>
<li><a href="#">historie</a></li>
<li><a href="#">sbor</a></li>
<li><a href="#">sbor</a></li>
<li><a href="#">sbor</a></li>
</ul>
</nav>

<section>
<article>
<p>Ahoj čiči<p>
</article>
</section>

</body>

</html>

CSS:

body { /*pozadí*/
font-family: ´Arial´, sans-serif;
background-color: #696969;
}

.main_menu { /*pozadí za nabídkou*/
padding: 5px 0 5px 0;
text-align: center;
line-height: 32px;
background-color: #808080;

}

ul.main_menu { /*odsazení nabídky*/
margin-top:0px;

}
.main_menu li { /*záložky v nabídce (nastavení)*/
display: inline;
padding: 0 8px 0 8px;
font-size: 20px;
}

.main_menu a { /*--||--*/
text-decoration: none;
color:#ffd700;
padding: 8px;
font-variant: small-caps;
}

.main_menu a:hover { /*změna barvy záložek v nabídce po najetí kurzorem*/
color: #00008b;
}

Zarovnání obrázku