Centrer un élément en CSS

Exemple :

<div>

	<p>Ceci est du texte</p>

</div>

div {
   background:red;
   display:block;
   width:500px;
   margin:auto;
 }

/!\ Attention : il faut absolument que les 3 dernières propriétés (display, width et margin) soient présentes pour pouvoir centrer le contenu.

Pour centrer un élément pour qu’il s’adaptable à différents écrans :

div {
   background:red;
   display:block;
   width:calc(100% - 40px);
   margin:auto;
 }