Décalage des éléments page HTML

Bonjour,

J'ai pour mission (stage), de créer un site en HTML/CSS, seulement j'ai 2 problèmes récurrents, impossible de déplacer 2 logos sans déplacer tout mon footer, et je n'arrive pas à centrer le texte de mes box verticalement.

Voici un bout de mes codes HTML et CSS, si quelqu'un à une solution, je désespère là.

HTML
</li><!--fin de menu-déroulant-->

<div>
<ul class="menu"</ul><!--menu-latéral-->
<ul>
<li><a href="nous-connaitre.html">Nous connaître</a></li>
<li><a href="nous-trouver.html">Nous trouver</a></li>
<li><a href="contact.html">Nous contacter</a></li>
<li><a href="mentions-legales">Mentions légales</a></li>
<li><a href="CGV">CGV</a></li>
</ul>
</div>
<p>Devis gratuit sous 24h</p>

<div id="content">
<div class="content"><!-- corps de texte boxes pages d'explications produits-->
<h2><a href="salon-idees">Salon, les idées pour être bien vu</a></h2>
<h2><a hrer="magasin">Communiquer dans son magasin</a></h2>
</div
</div

<div id="logos">
<img src="logos/fab.png" alt="fabrication"/>
<img src="logos.png" alt="vert"/>
</div>
</ul>

<footer>
<!-- pied de page-->
<div id="pied-page">
<div class="pied-page">
contenu texte
</div
</div
</footer
</body>


CSS
#content{
margin:auto; /*centre dans la page*/
max-width:1250px;
width:740px;
height:560px;
font-family:verdana;
width:100%;
background-color: #E6E6FA; /* font bleu clair*/
font-size: 20px;
padding : 10px 0 15px 0; /* marge du bas navigation */
margin:auto;

}

#content a {
width: 450px;
height: 150px; /* hauteur" */
line-height: 30px;
color:white; /* blanc */
background-image:linear-gradient(#00008B, white);/* dégradé dark-blue noir */
padding-left : 8px;
padding-right : 8px;
margin:auto;
border-radius : 20px;/* coins arrondis */
box-shadow: 8px 8px 12px #aaa;
text-decoration: none;
}


Merci