Centrado de un DIV de bloque en línea

Question

¿Alguien sabe cómo alinear en el centro un DIV que tiene la pantalla configurada en bloque en línea?

No puedo configurar la pantalla para que bloquee porque tengo una imagen de fondo que necesita repetirse, y necesita expandirse según el contenido. Se encuentra dentro de un div principal, en el cual es más grande cuando se trata de ancho.

Así que, en conjunto. ¿Alguien tiene una solución para alinear en el centro un div con la pantalla configurada en bloque en línea?

Y no, text-align: center; no funciona, ni tampoco margin: 0 auto;

jsFiddle: http://jsfiddle.net/HkvzM/

Gracias!

Answer 1

Trate de usar esto:

margin: 0 auto; 

O text-align: center; en la matriz <div> ...

Answer 2

Usted no puede centrar un elemento con

display:inline 

Es posible que tenga que encontrar un trabajo alrededor usando jQuery o JavaScript. Puedes hacer un centrado aproximado con CSS, que funcionará si el texto no cambia tanto en longitud. Algo como esto Demo

<div id="out"> 
    <a class="dl">DOWNLOAD NOW DOWNLOAD NOW DOWNLOAD NOW</a> 
</div>​​​ 

#out{ 
padding:0 50px; 
} 

Answer 3

Hola se puede dar centro text-align padre no tan niño como éste

Css

div{ 
    text-align: center; 

} 

.dl{ 
    color: #fff; 
    margin: 0 auto; 
    background: #000; 
    text-transform: uppercase; 
    font-size: 14px; 
    font-weight: bold; 
    line-height:35px; 
    display:inline-block;  
} 

HTML

<div> 
<a class="dl">DOWNLOAD NOW DOWNLOAD NOW DOWNLOAD NOW</a>  
</div> 

demostración en vivo aquí http://jsfiddle.net/rohitazad/HkvzM/15/

Answer 4

texto-alinear: centrar en el div principal, simplemente hará el truco.
fuente: CSS center display inline block?