Prevenire <form> interruzione di riga tra due tag <form>

Question

Voglio impedire interruzioni di riga tra due forme che ho.

Quindi, fondamentalmente:

<form action="..."> 
<input type="submit" /> 
</form> 
LINE BREAK HERE 
<form action="..."> 
<input type="submit" /> 
</form> 

voglio rimuovere l'interruzione di riga. Voglio che i pulsanti di input siano sulla stessa riga, come un menu.

Answer 1

form { 
    display: inline; 
} 

Answer 2

Oppure:

form { 
    float: left; 
    margin-right: 5px; 
} 

Answer 3

penso che questo sia la soluzione corretta:

form { display: inline-block; } 

Il valore inline-block è utilizzato per lo scopo per la posa di elementi nativi a livello di blocco in linea . Questi elementi rimarranno ancora blocchi.

Cambiare il modello di un elemento da blocco a inline è una mossa radicale perché potrebbe rovinare le cose a seconda di quale sia il contenuto dell'elemento.

Per questo particolare problema, utilizzare il blocco inline è la strada da percorrere.

Answer 4

Questo è un thread vecchio, quindi probabilmente non sto aiutando nessuno, ma ecco il mio suggerimento. Molti programmatori evitano le tabelle e, pertanto, non piace il mio metodo, ma ho risolvere questo problema nel modo seguente:

<table><tr><td><form></form></td><td><form></form></td></tr></table> 

Answer 5

Se display: inline non funziona, potrebbe essere perché un elemento genitore ha una larghezza che è troppo piccolo tenere entrambi l'uno vicino all'altro e ciò può causare la rottura degli elementi del modulo su linee separate. Prova ad aggiungere questa regola allo stile per il contenitore che contiene i due moduli:

white-space: nowrap;