html - Display inline correction -

html - Display inline correction -

im building "contact us" form on website , encouraged problem positioning.this im trying :

this in js fiddle. when utilize float goes above footer(which positioned relative).

<div id="wrapper"> <div id="one"> <img src="http://placehold.it/200x200"/> </div> <div id="two"> <p class="test">blah blah</p> <form class="test"> <input type="text"/> <input type="text"/> <input type="text"/> </form> </div> </div>`

try setting wrapper div style

display: inline;

and inner divs to

display: inline-block;

then inner ones each show block within original, automatically move downwards if page width becomes small.

i set each text field in separate div stack vertically.

edit: messed lastly time. need absolute positioning , vertical align display way want responsive width:

here jsfiddle updated (again)

html css position inline displaytag