Custom profile page layout change

[Mookie]

I have created a extra profile field page and it works fine, updating my info and all but what i would like to do is be able to change the below code to allow me to change the location of my fields?

<form action="profile.php" method="post">

<input type="hidden" name="s" value="$session[dbsessionhash]" />

<input type="hidden" name="do" value="updateextra" />

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<tr>

 <td class="thead">$vbphrase[extra_options]</td>

</tr>

<tr>

 <td class="panelsurround" align="center">

 <div class="panel">

  <div style="width:$stylevar[formwidth_usercp]" align="$stylevar[left]">

$customfields[extra]



  </div>

 </div>

  <div style="margin-top:$stylevar[cellpadding]px">

  <input type="submit" class="button" value="$vbphrase[save_changes]" accesskey="s" />

  <input type="reset" class="button" value="$vbphrase[reset_fields]" accesskey="r" />

 </div>

  </td>

</tr>

</table>

</form>

I know

$customfields[extra]

is what imports my fields that I have selected but what would be the code so that i can manually input my desired code into the location that i want it in? ie Like i would like field10 and field12 on the same line instead of below each other and field14 before field2. If that makes any since.