Align table element to the center

user_15466697 0
Viewed 51

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>
![image of what I got](https://i.stack.imgur.com/ImXsG.jpg)
css html javascript
3 Answers

try using property justify-content : center,

user_170121510

Try this code justify-content: center; align-items: center; display: flex;

user_170121510

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.

user_171659330
Related