Center table on page

Hello,

I’m using the free version of the Astrid theme and everything went well, until the last thing I want to change …

I inserted a table and I want it to be centered on the page :

I already tried different things with html and additional css but nothing works …

————————————————–
This is the html (widget Text):

<div style=”text-align: center;”>
<table><tbody><tr>
<td class=”tablerowstyle”> ? ????WHAT’S IVF</td></tr>
…
</tbody></table>
</div>
——————————————————
This is the additional css I used:

.tablerowstyle{
background-color: #fff;
color: #477191;
vertical-align: middle;
text-align: left;
font-weight: bold;
border-color: #477191;
border-width:1px;
border-radius:30px;
padding:15px;
}

.tablerowstyle a{
color: #477191;
text-decoration: none;
}

table{
width:auto;
overflow-x:auto;
border-collapse:separate;
border-spacing: 0 1em;
border:none;
}

table tr{
margin-bottom:20px;
}
—————————————————

Kind regards,
Charlien

The page I need help with: [log in to see the link]