Alignement texte image

Bonjour,

Je dois créer un site pour mon école et mes étude supérieur. Je créé ainsi mon bandeau de navigation composé d'une image et de 5 parties. Mes parties ce situent sur la ligne sous l'image. Je souhaiterais ainsi que le nom de mes parties se trouvent sur la même ligne que l'image (si ppossible au milieu de la largeur.

html:

<!doctype html>
<html lang="fr">
<head>
  <meta charset="utf-8">
  <title>Titre de la page</title>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
</head>
<body>
 <div class="nav_style">
  <div class="btn_home_style">
   <img src="img/btn_home.png" width="80px">
   <center>
    <table border="0" cellspacing="50">
     <td class="partie_menu">A Propos ...</td>
     <td class="partie_menu">Mon Cursus ...</td>
     <td class="partie_menu"class="partie_menu">Mes Projets ...</td>
     <td class="partie_menu">Mes veilles ...</td>
     <td class="partie_menu">Contactez-moi ...</td>
    </table>
   </center>
</div>
</body>
</html>

css:

body {
 margin: 0px;
 background-size: cover;
 background-color: #FCFAE1;
}

.nav_style {
 background-color: #A7A37E;
 margin: 20px;
 border-radius: 10px;
}
.partie_menu {
 font-size: xx-large;
 color: brown;
}

J'espère avoir été clair.

Cordialement.
Romain.

EDIT : Ajout des balises de code (la coloration syntaxique). Explications disponibles ici : ICI Merci d'y penser dans tes prochains messages.