Formatting html tables

Hello!

I have a problem with formatting tables.

I have such code (it is not the exact code I have but I simplified the
example):

<table>
<tr>
<td>
<table style="border: 1px solid black;"> //table 1
<tr>
<td>
test<br>
test
</td>
</tr>
</table>
</td>
<td>
<table style="border: 1px solid black;"> //table2
<tr>
<td>
test<br>
test
</td>
</tr>
</table>
</td>

</tr>
</table>

I know that such code is not so good, but please write me how I can achieve
such thing

I would like both "table1" and "table2" to have the same equal heights. I
would like to
build such "table1" and "table2" which will have equal heights i.e.
if "table1" will have 3 "records" of "test" word separated by <br> tag, the
height of "table2" should fit to "table1"
if "table2" will have 3 "records" of "test" word separated by <br> tag, the
height of "table1" should fit to "table2".
I also add that both "table1" and "table2" have border lines rounded by the
whole <table>

Please help me
Every help really apprieciated
M.


.