Margin auto non funziona

[Prill]

Modifica così:

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.

Aggiungo:

Nel precedente esempio il paragrafo non era centrato orizzontalmente perché occupava tutta la larghezza dell'elemento che lo conteneva (comportandosi come una cella).

Vertical-align non è obsoleto, ma è proprietà non applicabile a tutti gli elementi