2 moduli HTML da lato a lato

Question

Devo inserire un pulsante di conferma e un pulsante di annullamento in una pagina.

Ho scelto di creare in moduli con azioni diverse, ma i 2 pulsanti (moduli) non vengono visualizzati lato a lato.

Come lo facciamo senza un tavolo?

Grazie!

Answer 1

È possibile fare questo senza carri, se si imposta la forma e ogni elemento al suo interno per essere visualizzazione in linea allora si siederà accanto all'altro. La ragione per cui non sono affiancati è perché i moduli, proprio come div e paragrafi sono elementi a livello di blocco, impostandoli per essere visualizzati in linea risolveranno questo problema.

Per esempio

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

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

Con il seguente codice HTML

<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

Imposta "float: left". E rendere l'elemento dopo di loro "chiaro: entrambi";

dovrebbe funzionare :)

Answer 3

Come è detto, se si desidera elementi in linea, li rendono in linea. È meglio:

display:inline-block;