conseguir dos formas para mostrar en línea

Question

Esto no funciona

<form style ='display:inline;'> 
<input type = 'submit'/> 
</form> 
<form style ='display:inline;'> 
    <input type = 'submit'/> 
</form> 

Quiero dos formas que someter a diferentes guiones y cada uno tiene un botón de entrada para mostrar en línea.

Quiero ponerlo en línea ya que alguien más hará cambios más permanentes en el archivo CSS principal ¿Qué estoy haciendo mal?

Answer 1

Creo que lo que quiere es mostrarlos uno al lado del otro. Puede hacerlo usando flotantes en su lugar:

<form style ='float: left; padding: 5px;'> 
akjfhdkjahj<br /> 
<input type = 'submit'/> 
</form> 
<form style ='float: left; padding: 5px;'> 
    aklfjas<br /> 
    <input type = 'submit'/> 
</form> 

Pero incluso eso no es ideal. Lo mejor sería envolver cada formulario <> en < div> sy usar float en la etiqueta div.

Answer 2

un botón de entrada a la visualización incorporada

Si los botones se deben mostrar en línea, entonces usted necesita para asignar esos estilos a las entradas, no a las formas.

Answer 3

Si entiendo bien la pregunta, puede utilizar display:inline-block;

form{ 
    width:200px;   //JUST FOR SHOW 
    height:200px;   //JUST FOR SHOW 
    background:red;  //JUST FOR SHOW 
    display:inline-block; 
    margin:1em;    
} 

Ejemplo:http://jsfiddle.net/jasongennaro/dn5NQ/3/

Obviamente, tendrá que volver a trabajar el contenido de las formas ... como usted dice.

Answer 4

Debe utilizar las comillas " para sus atributos, y los botones de estilo inline, así como se definen como block de forma predeterminada.