Вертикальное выравнивание в таблице bootstrap

Я пытаюсь отобразить таблицу с 4 столбцами, один из которых представляет собой изображение.
Ниже приведен снимок: -

Я хочу, чтобы вертикально выровнять текст в центральной позиции, но почему-то css, кажется, не работает.
Я использовал bootstrap отзывчивые таблицы.
Я хочу знать, почему мой код не работает, и что является правильным методом, чтобы заставить его работать.

ниже приведен код для таблица

CSS

img {

    height: 150px;

    width: 200px;

}

th, td {

    text-align: center;

    vertical-align: middle;

}

HTML

<table id="news" class="table table-striped table-responsive">

    <thead>

        <tr>

          <th>Name</th>

          <th>Email</th>

          <th>Phone</th>

          <th>Photo</th>

        </tr>

    </thead>

    <tbody>

        <?php

        $i=0;

        foreach ($result as $row) 

        { ?>

        <tr>

            <td>

                <?php echo 'Lorem Ispum'; ?>

            </td>

            <td>

                <?php echo '[email protected]'; ?>

            </td>

            <td>

                <?php echo '9999999999'; ?>

            </td>

            <td>

                <?php echo '<img src="'.  base_url('files/images/test.jpg').'">'; ?>

            </td>

        </tr>



        <?php

        }

        ?>           

    </tbody>

</table>