Ver Mensaje Individual
  #23 (permalink)  
Antiguo 17/10/2006, 16:37
Avatar de kahlito
kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.936
Antigüedad: 21 años, 1 mes
Puntos: 65
Hola de nuevo.

Sí no me equivoco creo que no quieres meter un div dentro de otro div para no cometer una supuesta divitis, y no es así, ya que eso en css si es posible es más en muchas ocasiones se utiliza un div contenedor que luego dentro lleva todo el contenido general y con varios divs así que no es una divitis, el problema de la divitis es por ejemplo que en un encabezado, texto, y contenido en general en vez de utilizar h1, p, etc etc utilizas siempre un div delante, como por ejemplo podria ser algo así:

Código HTML:
<div>Encabezado</div>
<div>Parrafo</div>
<div>Imagen</div> 
etc etc

Por otro lado el ejemplo que pones no es muy semántico que digamos, ya que no es normal tener una frase entera sin espacios así que para hacer eso simplemente como te indicaban arriba dándole un margen al texto o al div ya conseguirias tener un espacio y que se estire automaticamente segun el contenido que metas pero siempre con un ancho.

De todas formas si quieres centrarlo sin un ancho determinado y sin meter un div en otro div te puede servir esto, que luego cambiarias p por span (al meter más contenido) y listo.

Código HTML:
<style type="text/css">
#contenedor{
position:relative;
text-align:center;
margin:0 auto;} 
.centrando_con_borde{
 border: 2px solid #996600; display:inline;}
</style> 
</head> 
<body> 
<div id="contenedor">
<p class="centrando_con_borde">Palabra uno dos y tres o las que sean...</p>
</div> 
</div>
</body>