[SOLUCIONADO] Problema con un DIV

[wilson_romero]

Hola tengo un div que contiene un input pero tengo otra fuera del div y de este modo cuando impire la página , un input parece arriba y el otro abajo y quiero que parezcan los dos alineados uno al lado del otro pero con el DIV me lo separa me le da un <br>
como puedo resolver esto.

mi codigo

<input type="text" name="materiales[]"/>
<div id="div_1">
a <input type="text" name="materiales[]"/></span>
<input type="hidden" ><input class="bt_plus" id="1" type="button" value="+" /></div>

[Iballa]

Hola!

Que tal si pruebas a darle un margen izquierdo al input de arriba?

Lo que te esta desplazando el de abajo es el texto "a".

Código HTML:

<input type="text" style="margin-left:11px;"/>
 

Tambien podrias crear una tabla para ordenar los elementos.

Generalmente los elementos input van dentro de la etiqueta <form></form> pues son elementos de un formulario.

nota: supongo que ese </spam> y </div> colgados ahi son etiquetas de otra parte del codigo? :) Espero que te ayude.

[wilson_romero]

nada y tengo que poner un div separados por que el div de abajo tiene un id identificado que responde a un código Jqueryl e quite el A y nada

[Rafael]

Bueno, de entrada el ID debería estar en el mismo input y no en un div padre. Que en realidad no sé que hace.

Una opción es que hagas tanto el input como el div contenedor como display: inline-block;

[Iballa]

Iniciado por wilson_romero

nada y tengo que poner un div separados por que el div de abajo tiene un id identificado que responde a un código Jqueryl e quite el A y nada

Si quitas la "a" no pongas el margin-left. O viceversa.

Deberia funcionar.

De todas formas es como dice Rafael, aunque al no ver todo el codigo, no se sabe para que es una cosa u otra.

En general, la manera correcta seria esa, poner el id en el input directamente, y meter todo en la etiqueta form.

[wilson_romero]

me funciono poinedo

Código HTML:

style="float:left"
 

dentro de los DIV lo tengo que mantener separados por que un DIV es para ser publicado cunado presione un botón el otro tiene que estar fuera para que no corrra la misma suerte.

pero gracias Rafael con el

Código HTML:

<div style="display: inline-block">
 

me funciono perfectamente