Quel est le meilleur moyen d'aligner à gauche et à droite deux balises div?

Question

Quel est le meilleur moyen d'aligner à droite et à gauche deux balises div sur une page Web horizontalement l'une à côté de l'autre? Je voudrais une solution élégante pour le faire si possible.

Answer 1

(excusez les styles inline :))

 <div style="float: left;">Left Div</div>
<div style="float: right;">Right Div</div>
 

Answer 2

Comme alternative à la flottaison:

 <style>
    .wrapper{position:relative;}
    .right,.left{width:50%; position:absolute;}
    .right{right:0;}
    .left{left:0;}
</style>
...
<div class="wrapper">
    <div class="left"></div>
    <div class="right"></div>
</div>
 

Considérant qu'il n'y a aucune nécessité de positionner la div .left en tant qu'absolu (selon votre direction, il pourrait s'agir de la droite) car cela serait dans la position souhaitée dans le flux naturel du code html.

Answer 3

<style>
#div1, #div2 {
   float: left; /* or right */
}
</style>