JSFiddle - React, Tailwind, and code Playground

by Muzaffar Rasulov

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<table class="table table-bordered table-striped">
            <tr class="text-center">
                <th>№</th>
                <th>НОМЕР</th>
                <th>СОДЕРЖИМОЕ</th>
            </tr>
            <tr>
                <td>1</td>
                <td>2033</td>
                <td><button type="button" class="btn btn-default">Показать</button></td>
            </tr>
            <tr>
                <td>2</td>
                <td>2890</td>
                <td><button type="button" class="btn btn-default">Показать</button></td>
            </tr>
        </table>

CSS

td{
    text-align: center;
    vertical-align: middle;
}
th{
    text-align: center;
}