Alineación vertical en la tabla bootstrap

Estoy tratando de mostrar una tabla con 4 columnas, una de las cuales es una imagen. A continuación se muestra la instantánea:-

Quiero alinear verticalmente el texto a la posición central, pero de alguna manera el css no parece funcionar. He utilizado las tablas de bootstrap responsive. Quiero saber por qué mi código no funciona y cuál es el método correcto para hacerlo funcionar.

A continuación se muestra el código de la tabla

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>