I tried to align this table element to the center, the on containing the square but all just seems not to work. Can someone here please help me fix the burg.
<table>
<tbody>
<tr>
<td>TURKEY - SUPER LIG</td>
<td>#colspan#</td>
<td>Tips</td>
</tr>
<tr>
<td>Besistas <strong style="border:3px; border-style:solid; border-color:#601C08; padding-right: 0.5em; padding-left: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em;">-</strong> <strong style="border:3px; border-style:solid; border-color:#601C08; padding-right: 0.5em; padding-left: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em;"></strong> Adana</td>
<td>#colspan#</td>
<td><strong style="border:3px; border-style:solid; border-color:white; padding-right: 0.5em; padding-left: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; background-color: none; color: none;">1</strong></td>
</tr>
<tr>
<td>DENMARK - DBU POKALEN</td>
<td>#colspan#</td>
<td>Tips</td>
</tr>
<tr>
<td>FC Helsingoer <strong style="border:3px; border-style:solid; border-color:#601C08; padding-right: 0.5em; padding-left: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em;">-</strong> <strong style="border:3px; border-style:solid; border-color:#601C08; padding-right: 0.5em; padding-left: 0.2em; padding-top: 0.2em; padding-bottom: 0.2em;">-</strong> OB</td>
<td>#colspan#</td>
<td><strong style="border:3px; border-style:solid; border-color:white; padding-right: 0.5em; padding-left: 0.5em; padding-top: 0.2em; padding-bottom: 0.2em; background-color: none; color: none;">Over 2.5</strong></td>
</tr>
</tbody>
try using property justify-content : center,
Try this code justify-content: center; align-items: center; display: flex;
You can try this code:
display: flex;
justify-content: center;
align-items: center;
But, it is recommended not to use inline CSS. Because it takes longer time than usual to load. You can just link a separate CSS file to this html file and give same class name for all the border thing. And style them at once which will apply to all of them.