Centrar un DIV y que se acople al texto

Estado
Cerrado para nuevas respuestas

abmptc

Nuevo Miembro
Miembro
Hola,

Mi intención es conseguir hacer con un DIV lo mismo que hago con esta tabla:

HTML:
    <table style="background-color:#AFEEEE; 
        margin:0 auto 0 auto; 
        border-width: medium; border-style: outset;"> 
    <tr> 
    <td align="center""> 
    Formulario 1 
    </td> 
    </tr> 
    </table>
Es decir, quiero una caja, CENTRADA, y que a la vez se ADAPTE AL CONTENIDO, no quiero poner width, quiero que automáticamente coja el tamaño del texto que tenga dentro. Esto último lo he conseguido poniendo display: inline, pero si pongo eso no soy capaz de centrar la caja.

¿Alguna idea?

Muchas gracias de antemano y un saludo.
[FONT=}]
[/FONT]
 

abmptc

Nuevo Miembro
Miembro
Hola, finalmete he enconrado varias soluciones:

1ªForma: DIV con formato de tabla

Insertar CODE, HTML o PHP:
    <div style="text-align: center;"><!-- centrar --> 
    <div style="background-color:#AFEEEE;border-width: medium; 
border-style: outset;display: inline-block;"> <!-- la tabla --> 
    <!-- las celdas 
    --> 
    <div style="text-align: center;"> 
    Div con formato tabla 
    </div> 
    <div style="text-align: center;"> 
    otra celda 
    </div> 
    <!-- fin celdas --> 
    </div> 
    </div>
Esto funciona en Firefox y las versiones nuevas de Internet Explorer pero en la versión IE 7, no se adapta al texto, la caja ocupa todo el ancho:

2ªForma: DIV Warp (Un div envolvente exterior)

Insertar CODE, HTML o PHP:
    <div style="text-align: center;"> 
    <div style="background-color:#AFEEEE; 
        margin:0 auto 0 auto; 
        border-width: medium; border-style: outset; display:inline;"> 
    Div con warp 
    </div> 
    </div>
Funciona perfectamente

3ªForma: DIV con Display:Inline y Body con text-align: center;

Insertar CODE, HTML o PHP:
<body style="text-align: center;"> 

<p  style="text-align: left;"> 
dfsdfsfs 
</p> 

<div style="background-color:#AFEEEE; 
    margin:auto; 
    border-width: medium; border-style: outset; display:inline;"> 
Div con display:inline; 
</div>
Saludos
 

JPablo

Miembro Activo
Miembro
margin: 0 auto es suficiente.
text-align también, pero centra texto nada más.
 
Estado
Cerrado para nuevas respuestas
Arriba Pie