
Originariamente inviata da
Prill
Modifica così:
codice:
css:
#container{
display: table;
width: 70%;
height: 100%;
vertical-align:middle;
background-color:#CC99CC
}
.centrato{
display: table-cell;
vertical-align: middle;
}
.centrato p{
padding: 1%;
width: 50%;
text-align: center;
margin:0 auto;
background-color:#996699
}
html:
<section id="section">
<aside id="container">
<div class="centrato"><p>Testo centrato</p></div>
</aside>
</section>
solo ai fini della visualizzazione ho inserito un colore di sfondo.