CSS text-align el elemento inline-block

Question

tengo esta estructura:

<div class="father"> 
This string is left-aligned 
<div class="divToCenter" style="display:inline-block;"> 
    //contains other divs.I used inline block for making this div as large as 
    //content ATTENTION: its width is not fixed! 
</div> 

</div> 

¿Cómo podría decir:

Dame sólo la clase denominada "divToCenter" centrada en el div "padre" .

Gracias

Luca

Answer 1

#left {float: left; background: #eee; width: 200px; /* width is optional */} 
#content {overflow: hidden; text-align: center;} 


<div class="father"> 
<div id="left">This string is left-aligned</div> 
<div id="content"> 
    //contains other divs.I used inline block for making this div as large as 
    //content 
</div> 
</div> 

flotador la cadena alineado a la izquierda o bloque a la izquierda, luego con overflow:hidden sobre el contenido yo t ocupará automáticamente el espacio restante y puede text-align cómo

o bien convertir el contenido izquierdo en un bloque en línea para que el contenido y el uno al lado del otro puedan alinearse con el texto inline-block por separado

Answer 2

div.divToCenter 
{ 
margin: 0 auto; 
} 

Answer 3

.father { text-align: center; } 
.father div.divToCenter { margin: 0 auto; } 

Actualización:

.father { text-align: left; } 
.father div.divToCenter { width:Xpx; margin: 0 auto; }