There are two tables named id="BFCategories" and "BMICategories".
Additionally, there are two other tables with id="BFTable" and "BMITable"
BFCategories should come after BFTable, while BMICategories should follow BMITable.
How can I adjust the positioning of BFCategories and BMICategories to be aligned on the right side of BFTable and BMITable? Picture reference:
https://i.stack.imgur.com/cXB4O.png
This HTML code pertains to my current view under asp.net MVC5 :
<h1>Calculate</h1>
<hr />
<h2>BMI</h2>
<form>
<table id="BMITable">
<tr>
<td align="right"><b>Weight:</b></td>
<td align="left"><div class="col-xs-5"><input type="text" name="Weight" class="form-control" id="Weight" /></div><b>kg</b></td>
</tr>
...
<p>(valid data within the form)</p>
</table>
<table id="BMICategories">
<p>(specific category information)</p>
</table>
<h2>BF% (approximate)</h2>
<form>
<table id="BFTable">
&(information regarding gender specifics)
<tr>
...
<p>(measurement details for BF % calculation)</p>
}
}
</table>
<table class="cinfoT" width="320" align="left" id="BFCategories">
<tr><td class="cinfoHd"><b>Description</b></td><...
</table>
</form>
};
}