centrare elemento con i css

Per questioni di design o per esigenze particolari può capitarci di dover centrare un elemento in una pagina web. Vediamo come centrare un div contenente un’immagine 250px per 100px.

<div id=”content”>
<img src=”immagine.jpg” />
</div>

Per centrare orizzontalmente:

#content {
width: 200px;
margin:auto;
}

Per centrare orizzontalmente e verticalmente:

#content {
display:block;
width:200px;
height:150px;
position:absolute;
top:50%;
left:50%;
margin:-100px 0 0 -75px;
}

NO SPAM. Non fornirò la tua email a terzi e riceverai solo contenuti che ti interessano sugli argomenti che tratto e potrai cancellarti quando vuoi con un link che trovi in tutte le email.