Balise < SPAN >

Publié le par Maryy

La balise <SPAN> présente des aspects pratiques mais quand on ne la maîtrise pas, on se pose ce genre de question :

- Je veux aligner un bout de texte à gauche et l'autre à droite, sur la même ligne. Comment faire ? Surtout que la balise <SPAN> n'a pas d'alignement. Alors, quand on veut faire les choses bien et ne pas utiliser les <TABLE>, comment fait-on ? Aidons-nous des CSS.



Code HTML :

<div class="line">
    <span class="left">Texte aligné à gauche</span>
    <span class="centre"> Texte centré !</span>
    <span class="right">Texte aligné à droite</span>
</div>


La feuille de style CSS :

span.left {
position: absolute;
left: 0;
}
span.right {
position: absolute;
right: 0;
}
div.line {
position: relative;
text-align: center;
width: 100%;
}


Source : http://www.thescripts.com/forum/thread98931.html

Publié dans HTML

Commenter cet article