Se connecter avec
S'enregistrer | Connectez-vous

html: centrer a gauche et à droite sur la même ligne

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

Bonjour désolé de faire revenir a la surface ce vieux sujet mais depuis 15 jours je cherche un code en HTML.

Voila je me lance dans l'hébergement mais pour faire mon site j'ai un soucis avec un code.

Voila ma demande :

Je voudrais mettre un mot sur la même ligne mais a droite d'une fenêtre.

Style :


Espace disque 5Go
Nombre de PIDs 5

Etc mais je veux uniquement mettre le 5Go et le 5 a droite de la fenêtre et alignée l'une en dessous de l'autre.

Merci de m'aider.
Expert Programmation

Salut,

Si tes données sont tabulaires, tu peux très bien utiliser un tableau, en spécifiant un attribut align si besoin.

Sinon, si tu veux faire ça avec un peu de CSS, il te faudra quelque chose dans le genre :
  1. <style type="text/css">
  2. p.data { clear:both; }
  3. p.data span { float:left; }
  4. .leftPart { width:200px; }
  5. </style>
  6.  
  7. <p class="data">
  8. <span class="leftPart">Espace disque</span>
  9. <span>5Go</span>
  10. </p>
  11. <p class="data">
  12. <span class="leftPart">Nombre de PIDs</span>
  13. <span>5</span>
  14. </p>



Tu mets tes deux span en float:left de telle manière qu'ils soient l'un à côté de l'autre.
Pour aller à la ligne à chaque fois, le p est en clear:both.
Et pour que la 2ème colonne soit alignée, tu mets une largeur spécifique à la 1ère colonne (ici 200 pixels).
Lassé par la pub ? Créez un compte
Tom's guide dans le monde