Ho un elemento posizionato in modo assoluto con contenuto all'interno. Può essere un <h1>
o qualche tag <p>
. Quindi non conosco l'altezza del contenuto.Contenuto centrale in un div di posizione assoluta
In che modo posso concentrare verticalmente il contenuto all'interno del div
posizionato in modo assoluto?
HTML:
<div id="absolute">
<div class="centerd">
<h1>helo</h1>
<span>hi again</span>
</div>
</div>
CSS:
#absolute {
position:absolute;
top:10px;
left:10px;
width:50%;
height:50%;
background:yellow;
}
.centerd {
display:table-cell;
vertical-align:middle;
}
Questo non centra il contenuto .. rende solo il contenuto * * iniziare dal centro –
@ExplosionPills sembra centrare il contenuto per me - provare ad aggiungere più contenuti e si lo vedrà rimanere allineato verticalmente, non partire dal centro. Potresti pensare che inizi nel centro in quanto l'h1 avrà il riempimento superiore naturale che lo spinge verso il basso – Pete