Hola, gracias por la ayuda, pero resulta que no coloque el total del texto por que crei que no seria necesario.
Pero resulta que cuando se coloca "texto de verdad" el problema continua, realmente puede centrarse el contenido del div
"div_que_centra" con css ?
Pego el código pero con un texto más real, pos resulta que el
display: inline y el
display: block no funcionan:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "xhtml/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Es posible Centrar sin table ?</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body { background-color: #c2e3ff; font-family: arial; }
.div_que_centra {
width: 650px; margin: 0 auto; text-align: center; border: 1px black solid;
}
.div_columna_de_texto{
margin: 0 auto;
border: 2px red dotted;
text-align: center;
float: right;
width: 27%;
padding: 5px;
display: inline;
margin: 5px;
}
/*
.div_columna_de_texto {
margin: 0 auto;
border: 2px red dotted;
padding: 5px;
float: right;
text-align: center;
}
*/
.centro {
margin: 5px auto;
}
td { border: 2px red dotted; text-align: center; padding: 5px; margin: 5px; }
</style>
</head>
<body>
<div class="div_que_centra">Esto si ta centrado<br />
<div class="div_columna_de_texto">Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema </div>
<div class="div_columna_de_texto">Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código Un par de cambios al código</div>
<div class="div_columna_de_texto">Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema Este es mi problema </div><br />
</div>
</body>
</html>