two tables side by side

<div style="margin:0 auto;width:100%;display:flex;flex-wrap:wrap;">

<div style="width:49%;">
<div style="margin:5px;padding:20px;background:rgba(0,0,0,0.06);">
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
</tbody>
</table>
</div>
</div>

<div style="width:49%;"><div style="margin:5px;padding:20px;background:rgba(0,0,0,0.06);">
<table border="1" cellpadding="1" cellspacing="1">
<tbody>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
<tr><td>1</td><td>2</td></tr>
</tbody>
</table>
</div>
</div>

</div>