Huyyyyyyyyy!!!!!! Casi casi.
Veamos:
suponiendo que
willyfc quisiera ocupar todo el ancho, bastaría con esta pequeña modificación:
Cita: .centrado {display: table-cell;
vertical-align: middle;
margin: 0 auto;
height: 100%;
width: 100%;
}
que sería añadir el width del 100 y quitar el padding que tenía ese selector.
Pero teniendo en cuenta que dice:
"debe tener este tipo de centrado pero no puedo utilizar los margenes en px ya que la caja que lo contiene debe de estar en % y no como en el ejemplo."
y que lo de que sea sólo centrado vertical me lo he inventado yo, porque igual quería directamente porcentual y centrado en las dos dimensiones, sería tan fácil como hacer:
Cita: .centrado {display: table-cell;
vertical-align: middle;
height: 100%;
width: 100%;
}
.texto {position: relative;
margin: 0 auto;
top: 0;
display: block;
background-color: #f00;
color: #fff;
height: 30%;
width: 70%;
}
