Div Position Problem

[himanshu_chawla]

i am newbie to css and trying to make one form in which i have problems of positiong the div . Whenever i try to position the products div towards right the text boxes becomes small in size .

i want products div and customerinput to be adjacent and opposite to each other and same as with other to two divs left.

I have already tried position:absolute and then changing the top and right values .

I want first two div adjacent and then next two adjacent and in last the submit button .

Can Anyone help me out to solve the problem ? Please Also explain me how can i do in future so that it brush up my skills .

Thanks for the help in advance and help is appreciated.

CodePen Link- http://codepen.io/anon/pen/wGzpwx

[Chris Coyier]

Some classic floating will probably help you:

http://codepen.io/chriscoyier/pen/vGXpGW?editors=1100

.customerinput {
  width: 48%;
  float: left;
}
.products{
  width: 48%;
  float: right;
}

[Author]

Posts