¿Cómo puedo centrar un elemento relativo a su padre?

Question

que tienen el contenedor siguiente:

#container { 
    width: 75%; 
    margin: 0 auto; 
    background-color: #FFF; 
    padding: 20px 40px; 
    border: solid 1px black; 
    margin-top: 20px; 
} 

Se ha generado utilizando ingeniosa: generador de rieles de diseño. ¿Cómo centraría algo dentro de este contenedor y no en toda la página?

EDIT: Lo siento por no proporcionar más información :). Esto es lo que estoy tratando de centro:

<div id="nav"> 
    <ul> 
     <% if current_user %> 
      <li><%= link_to "Sign out",destroy_user_session_path %><span>|</span></li> 
      <li><%= link_to "New snippet",new_snippet_path %><span>|</span></li> 
     <% else %> 
      <li><%= link_to "Login",new_user_session_path %><span>|</span></li> 
      <li><%= link_to "Register",new_user_registration_path %><span>|</span></li> 
     <% end %> 
     <li><%= link_to "Snippets",snippets_path %><span>|</span></li> 
     <li><%= link_to "Chat",messages_path %></li> 
    </ul> 
</div> 

Aquí está la CSS que tengo por él hasta ahora:

#nav { 
    list-style-type:none; 
    padding:0; 
    margin:0; 
} 

#nav li { 
    display:inline; 
} 

Answer 1

Hacer que el div con id="container", tener una clase class="container" y hacer

.container #innerElement { 
position: relative;  
width: <set width here>; 
margin: auto; 
} 

Answer 2

Supongo que lo siguiente debería hacer. Asignar un ancho fijo, y luego

#inside-container { 
    margin-left: auto; 
    margin-right: auto; 
    width: 50px; 
} 

Puede especificar los márgenes superior e inferior, pero el valor auto de izquierda y derecha hará que el elemento de centrado.

Actualización: No he visto su código antes. Ver la respuesta de @ Pekka para los elementos inline.

Answer 3

Si usted está tratando de centrar los elementos de la lista display: inline, dando el contenedor

text-align: center 

va a funcionar.

Si se trata de elementos de bloque, las respuestas de @ slhck y @ anirudh son la solución.