2 formulaires HTML d'un côté à l'autre

Question

Je dois mettre un bouton de confirmation et un bouton d'annulation dans une page.

J'ai choisi de créer des formulaires avec des actions différentes, mais les 2 boutons (formulaires) ne sont pas affichés côte à côte.

Comment le faisons-nous sans table?

Merci!

Answer 1

Vous pouvez le faire sans flotteurs, si vous définissez la forme et chaque élément à l'intérieur pour être affichage en ligne alors ils seront assis à côté de l'autre. La raison pour laquelle ils ne sont pas côte à côte est que les formes, tout comme les divs et les paragraphes sont des éléments de niveau bloc, en les réglant pour être affichés en ligne va corriger cela.

Par exemple

.button-container form, 
.button-container form div { 
    display: inline; 
} 

.button-container button { 
    display: inline; 
    vertical-align: middle; 
} 

Avec le code HTML suivant

<div class="button-container"> 
    <form action="confirm.php" method="post"> 
     <div> 
      <button type="submit">Confirm</button> 
     </div> 
    </form> 

    <form action="cancel.php" method="post"> 
     <div> 
      <button type="submit">Cancel</button> 
     </div> 
    </form> 
</div>

Answer 2

Faites les deux "float: left". Et faites l'élément après eux "clair: les deux";

devrait fonctionner :)

Answer 3

Comme on le dit si vous voulez des éléments en ligne, faites-les en ligne. C'est mieux:

display:inline-block;