CSS float à gauche et à droite dans le paragraphe avec la durée?

Jusqu'à présent, lorsque j'ai eu une ligne avec l'exemple

précédente --- largeur de la page --- prochaine

J'ai utilisé un div conteneur avec 2 enfants, style float:left & float:right

Je suis pense qu'il pourrait être fait à partir d'un point de la ligne avec la durée est peut-être quelque chose comme:

<p><span class="s-left">previous</span><span class="s-right">next</span></p>

J'ai essayé CSS avec:

span.s-left { text-align: left; }
span.s-right { text-align: right; }

mais ne le font pas..

InformationsquelleAutor FFish | 2010-10-03
  1. 7

    C'est parce que span est par défaut affiché inline, de sorte qu'il n'a pas défini la largeur pour que le texte soit aligné dans (c'est une très lâche description, mais ça fera l'affaire pour l'instant).

    Si vous voulez avoir de droite et de gauche, l'alignement du texte, il n'est pas beaucoup plus difficile, juste:

    p {
text-align: right;
}
span.s-left {
float: left;
}

    Une démonstration peut être trouvé à JS Bin

    • Fantastique!!!! thnx 🙂
    InformationsquelleAutor David Thomas