28173 sujets

CSS et mise en forme, CSS3

[Résolu] Alignement gauche et droite sur la même ligne

Bonsoir,


La page
La CSS

Vous voyez la ligne tout en bas, du pied de page ? J'aimerais que le texte avant le tiret soit aligné à gauche, tandis que le texte après le tiret reste à droite...

J'avais cru apercevoir une fois une manière de faire sans utiliser de div, ni de tableau... (avec des spans je pense)
Est-ce que quelqu'un sait comment 'faut faire ? Merci d'avance Smiley langue
Modifié par SolykZ (17 Oct 2006 - 19:42)
Administrateur
Hello,

Voilà très rapidement un exemple de ce qu'il est possible de faire (à adapter, j'ai fait ça en vitesse) :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
p {
width: 300px;
background: yellow;
text-align: right;
}

p span {
float: left;
}

</style>

<title></title>
</head>
<body>
<p><span>texte aligné à gauche</span>et à droite</p>

</body>

</html>
Rasta a écrit :
j'aurais bien rajouté un padding pour pas que le texte soit collé au bord ^^



C'est fait Smiley smile Merci pour l'idée, j'y avais pas pensé Smiley confused
Sujet clos
Aller à