Placing divs inside a form

[rmagnes]

I need to put some social networking buttons inside of a from. Since these buttons are not form elements how should I go about positioning them? I would really like to use a solution that doesn't involve absolute positioning if possible.


HTML:

<div id="leave_comment">
<h2>Leave a Comment:</h2>
<form action="#">
<fieldset>
<legend></legend>
<input type="text" value="Your Name" id="name" class="input"/>
<label for="name">Name Required</label><br/>
<input type="text" value="Your Email" id="email" class="input"/>
<label for="email">E-mail Required</label><br/><input type="text" value="Your Email" id="website" class="input"/>
<label for="website">Website</label>
<textarea rows="15" cols="71">Your Message Goes Here.</textarea>
<input type="submit" value="Submit Comment" class="button" />
</fieldset>
</form>
</div>

[jrheeder]

Hi,

Have you thought about using a table to position the features?

Regards,
Jrheeder

[bluewalrus]

Tables = no.

<div id="leave_comment">
<h2>Leave a Comment:</h2>
<form action="#">
<fieldset>
<legend></legend>
<div style="float:left;">
<input type="text" value="Your Name" id="name" class="input"/>
<label for="name">Name Required</label><br/>
<input type="text" value="Your Email" id="email" class="input"/>
<label for="email">E-mail Required</label><br/><input type="text" value="Your Email" id="website" class="input"/>
<label for="website">Website</label>
</div>
<div style="float:left; margin-left:10px; height:70px;">
SOCIAL BUTTONS CODE
</div>
<textarea rows="15" cols="71">Your Message Goes Here.</textarea><br />
<input type="submit" value="Submit Comment" class="button" />
</fieldset>
</form>
</div>

[jrheeder]

Tables = no.

I know I rather use div selection as you have, just wondered or he considered using a table setup