Выравнивание ячейки таблицы по высоте

Есть следующая таблица:

  <div class="container-fluid">
        <table class="table table-bordered" style="text-align: center">
                <tr>
                    <td>Content</td>
                    <td><input type="checkbox" name="id" value="15"></td>
                    <td><button type="button"></td>
                </tr>
        </table>
    </div>

Content - некое текстовое содержимое, переменной длины. В случае, если он не влазит на одну строку, то захватывает следующую. В этом случае checkbox и button зависнут на уровне первой строки.

Пробовал добавлять в стиль table следующее:

display: table-cell;         
vertical-align: middle;

а также:

align-items: center

Не помогло.

Как выровнять по высоте остальные колонки, которым всегда будет хватать места на одной строке?