6
votes

Comment aller à droite aligner un div avec un bloc d'affichage en ligne?

Je veux que le premier div soit aligner sur la droite, si j'utilise du flotteur, il apportera le 2nd div sur la même ligne que je ne veux pas, mon objectif est de faire aligner la première division sans perdre sa Niveau de blocage comme dans les applications de discussion. Toute aide est la bienvenue. . merci strong>

Remarque: strong> J'utilise l'affichage en ligne-bloc juste parce que je veux que les divs s'adaptent au contenu. P>

<div class='outer'> <div class="rbubble"> Right Bubble with align right</div> </div> <div class='outer'> <div class="lbubble"> Left Bubble it should be on 2nd line with align left </div> </div>

html css

0 commentaires

3 Réponses :

8
votes

Une solution consiste à utiliser float: droite code> et effacer: droite code> Comme:

p>



<div class='outer'>
  <div class="rbubble">Right Bubble with align right</div>
</div>
<div class='outer'>
  <div class="lbubble">Left Bubble it should be on 2nd line with align left</div>
</div>

0 commentaires

2
votes

Vous pouvez les mettre dans deux conteneurs, puis appliquer le float: gauche code> et float: droite code>.

p>



<div class="container">
  <div class='outer'> <div class="rbubble"> Right Bubble with align right</div> </div>
</div>
<div class="container">
  <div class='outer'> <div class="lbubble"> Left Bubble it should be on 2nd line with align left </div> </div>
</div>

0 commentaires

1
votes

La partie substantielle de ceci est la CSS suivante:

<div class='outer'> <div class="rbubble"> Right Bubble with align right</div> </div>
<div class='outer'> <div class="lbubble"> Left Bubble it should be on 2nd line with align left </div> </div>

1 commentaires

Merci chérie pour toi Aidez :)