Center les éléments de son site en CSS

Lorsque vous réalisez un kit graphique ou d’autres projet ou intervient du css, il devient rapidement indispensable de center votre interface, pour cela on distingue deux type d’élements. Le type Bloc (ex: un div) ou le Type « in-line » (ex: du texte ou de l’image)

Vous pouvez appliquer les deux morceaux de code ci-dessous qui fonctionne tout deux. L’un est de type bloc et l’autre in-line.

Centrer des éléments de type « in-line » ( ex : texte )

[code=css]
.center {text-align: center;}

<div class="center">Mon texte, mon image….</div>
[/code]

Center des éléments de type « bloc » ( ex: div )
[code=css]
#global {
margin-left: auto;
margin-right: auto;
width: …; //Largeur à définir obligatoire pour le margin auto;
[/code]

Le width est à définir en « % » ou en « px »

2 commentaires

  1. Ping : Les articles de la semaine #1 | Outils-web

Laisser un commentaire