Question

I have 1 form and I would like to place it in 2 divs, so that the following:

<div style="float:left; position:relative; margin-right:40px">
<form id="testForm2">
</form>
</div>

<div position:relative">
<form id="testForm2">
</form>
</div>

would be turned into something like this:

<div style="float:left; position:relative; margin-right:40px">
<form id="testForm2">
</div>

<div position:relative">
</form>
</div>

See the fiddle. Any ideas?

Thanks!

Answer 1

What you want, is to put the form around both divs like so:

<form id="testForm2">
  <div style="float:left; position:relative; margin-right:40px">
  </div>

  <div style="position:relative">
  </div>
</form>

Here’s an updated version of your jsFiddle.

Edit
Also, your second div’s style is incorrect. It’s fixed now in my example.