Comment puis-je centre flottaient les éléments de la liste?

J'ai les éléments de la liste pour mon site web de nav que j'ai besoin de centre. Je suis flottant afin que je puisse avoir un rembourrage sur les éléments de la liste...la mise à inline semble éliminer le haut et le bas du rembourrage.

<style type="text/css">

   #nav {
       width:100%;
   }

   #nav ul {
       margin-right: auto;
       margin-left: auto;
   }

   #nav ul li {
      float: left;
      background-color: #333;
      color: #fff;
      padding: 15px;
      margin: 10px;
   }

</style>

<div id='nav'>

   <ul>
      <li>Item 1</li>
      <li>Item 2</li>
      <li>Item 3</li>
      <li>Item 4</li>
  </ul>

</div>
set text-align:center sur le <ul> et de faire <li> display:inline-block. retirer le flotteur qui n'est pas compatible avec tout les moyens de centrage dans le flux de contenu.
Oui, j'ai résolu exactement comme le commentaire ci-dessus. jsfiddle.net/gleezer/EqNtH/1
Si vous êtes inquiet au sujet de la marge autour de votre li, ne pas utiliser en ligne. Il va supprimer le rembourrage. Semble comme une meilleure affaire pour vous d'utiliser inline-block. En lui donnant à la fois les propriétés de inline et block.

OriginalL'auteur Aaron Benjamin | 2013-06-24