¿Contenido del centro div y fit?

Question

Quiero centrar un div en el medio de mi página, y hacer que el div se ajuste al contenido. ¿Cómo puedo hacer eso?

---

He intentado

width: 1px; 
white-space: nowrap; 
margin: 0 auto; 

que centra el div, pero entonces todo el texto está a la derecha de ello.

display: inline-block hace que el div se ajusta el contenido, pero no parece funcionar margin: 0 auto; ...

Answer 1

hace este trabajo para usted: http://vidasp.net/tinydemos/inline-centered-div.html

body { text-align:center; } 
div { display:inline-block; } 

Answer 2

El texto está a la derecha, debido a la anchura: 1px. Establecer un ancho más grande.

Answer 3

La única manera de hacer esto, javascript soluciones a un lado, es darle una anchura y ajustar sus márgenes izquierdo y derecho para auto:

<div style="margin-left:auto;margin-right:auto;width=80%">...</div> 

Todas las otras soluciones se hace un lío el texto interior.

Answer 4

Normalmente, si desea centrar un texto, que haría uso de un recipiente que se extiende por el contenedor en el que está centrado y establecer text-align: center;.

CSS:

#container { 
    text-align: center; 
} 

HTML: mi texto

Si quieres un recipiente que está dimensionado en todo el texto, a los efectos de un fondo de color o de la frontera, palo en otro recipiente interior.

CSS:

#container { 
    text-align: center; 
} 

#inner_div { 
    display: inline; 
    /*other styles here*/ 
} 

HTML:

<div id="container"> 
    <div id="inner_div">my text</div> 
</div> 

Answer 5

Trate display: table;

div { 
    display: table; 
    margin: 0 auto; 
}