Centrowanie "TD" (nie tekstu)

Question

<div class="row">
    <div class="col-sm-10 col-md-10 col-lg-10 col-centered">

        <table class="table">

            <thead class="clr">
            <tr>
                <th>Checkbox</th>
                <th>Name</th>
                <th>Surname</th>
                <th>Pesel</th>
                <th>Gender</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="rep in myText">

                <td style="width:5%" class="active"><input type="checkbox"></td>
                <td style="width:15%"class="success">{{rep.name}} </td>
                <td style="width:15%"class="warning">  {{rep.surname}} </td>
                <td style="width:25%"class="danger">  {{rep.pesel}} </td>
                <td style="width:10%"class="info">  {{rep.gender}} </td>
            </tr>
            </tbody>
        </table>

    </div>
    </div>

 

 

 

Jak wysrodkowac cala tabele na srodek ekranu?

Answer 1

Flexbox

Answer 2

Witam

table{   
    margin: 0 auto;
}