Es posible que el ancho dependa de las letras ? (seran menos de 20)

Anarko · #1 (**permalink**) 09/10/2006, 18:15

Hola, como se puede hacer que un DIV con border este centrado, y su ancho dependa de los caracteres.

Por ejemplo este:

Código:

<style type="text/css">
.cool{
border:1px solid red;
text-align:center;
margin:0 auto;
display:block;
}
</style>
<div class="cool">uno y dos </div>

No deberia indicarsele el width por que no se sabe el # de caracteres que habra en las 3 palabras.

Si!, solo son 3 palabras.

Es posible centrarlo ?
Pues con Float RIGHT o LEFT va rebien, pero como centrarlo ?

frijolerou · #2 (**permalink**) 09/10/2006, 18:52

Para centrarlo, 2 pasos:

1º Al elemento padre del DIV debes darle text-align:center (esto para IE inferior a 6)

2º Al DIV que quieres centrar debes darle margin:auto tanto ala derecha como ala izquierda (ya lo hiciste).

Nota al margen: un DIV es un elemento de bloque, no es necesario ese display:block
Nota al margen 2: si el DIV lo has puesto directamente en el BODY, el elemento padre del div es justamente <BODY>

Anarko · #3 (**permalink**) 09/10/2006, 19:00

Maestro no me di a entender, por favor dame una mano aqui:

http://www.forosdelweb.com/f53/puede-centrar-div-sin-meterlo-otro-432895/

Seguro pregunte de forma incorrecta :-s