texte à gauche et à droite de l'élément

À l'aide de CSS quelle est la meilleure façon d'avoir du texte sur le droit et le côté gauche d'un élément et d'être dans le même endroit à la verticale?

Donc de se retrouver avec les modèle suivants:
texte à gauche et à droite de l'élément

Le conteneur a une largeur fixe, donc je ne veux pas utiliser de positionnement, parce que je sais que je n'ai pas à.

OriginalL'auteur Web_Designer | 2011-07-07

  1. 18

    (1) Ajouter deux divs l'intérieur de l'élément que contient chaque chaîne de texte

    <div>
    <div class="div1">Left Text</div>
    <div class="div2">Right Text</div>
</div>

    (2) Flottent les deux divs uns à côté des autres

    .div1 {
    float: left;
}

.div2 {
    float:right;
}

    (3) Définir le texte-align propriétés pour le droit div (cela permettra d'assurer que le texte est poussé tout le chemin vers la droite, comme dans votre exemple).

    .div2 {
    float:right;
    text-align: right;
}
    +1 pour text-align: right;.
    thx homme que vous avez sauvé mon temps

    OriginalL'auteur

  2. 4

    Vous pouvez placer vos deux objets à l'intérieur de la même conteneur et les faire flotter dans la bonne position.

    De sorte que vous pourriez avoir quelque chose comme:

    <div class="container">
   <div class="item1">Item 1</div>
   <div class="item2">Item 2</div>
</div>

    et CSS:

    .container{width:500px;}

.item1, item2{width:200px;}
.item1{float:left;}
.item2{float:right;}

    Exemple: http://jsfiddle.net/7Wvhj/1/

    +1 pour la première réponse et le violon
    assurez-vous d'inclure des text-align: right; de sorte que le texte flotte tout le chemin vers la droite.
    thx homme que vous avez sauvé mon temps

    OriginalL'auteur