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 »

Add a comment »2 comments to this article

  1. Les articles de la semaine #1 | Outils-web
  2. Un article très utile, Je vais mettre un lien sur mon blog vers celui-ci. Bonne continuation

    Répondre

Laisser un commentaire

Assemblé dans la station orbitale WordPress