.Net - Display multiple placeholders within in a table - asp.net

Question

We are using the below code. We want these two placeholder to display next to each other. But when we run this, Placeholder1 comes underneath Placeholder2.
Requirement is to place both placeholder next to each other
<table>
<tr>
<td>
<asp:PlaceHolder ID="PlaceHolder2" runat="server"></asp:PlaceHolder>
</td>
<td>
<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>
</td>
</tr>
</table>
HTML generated by code:
<table>
<tr>
<td> <br />
</td>
<td>
<table border='1' class='table table-striped' width='450'><tr><th>Document Name</th><td>LMA2.doc</td></tr><tr><th>Uploaded Date</th><td>01 Aug 2018</td></tr></table><table border='1' class='table table-striped' width='450px'><tr><th>Facilities</th><th>Size</th><th>InterestRate</th></tr><tr ><td>A</td><td>11 million</td><td>8</td></tr><tr ><td>B</td><td>15 million</td><td>4.5</td></tr><tr ><td>C</td><td>20 million</td><td>6.6</td></tr></table>
</td>
</tr>
</table>
CSS:
.table-striped tbody tr:nth-of-type(odd) {
/*background-color: rgba(0, 0, 0, .02);
width:800px;*/
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 80%;
}