I have a table which displays data via SQL using php. The issue is that because the second column is a picture (col name "thumbsrc"), the first column's text (col name "photosrc") is not centering itself and stays on the top.

[![image](https://i.stack.imgur.com/JVACi.png)](https://i.stack.imgur.com/JVACi.png)

```
                <table class="table table-hover spacer">
                  <thead align="center" class="strong">
                    <td>NAME</td>
                    <td>PHOTO</td>
                    <td></td>
                  </thead>

                  <?php foreach($lstProperty as $rowProperty) { ?>
                    <tr align="center">

                      <td>
                        <?php
                          echo($rowProperty['photosrc']);
                        ?>
                      </td>

                      <td>
                        <img src="../img/_uploads/lease/thumbs/<?php echo $rowProperty['thumbsrc']; ?>.jpg" class="w-10">
                      </td>

                      <td>
                        <img src="img/icon-remove.png"></a>
                      </td>

                    </tr>
                  <?php } ?>
                </table>

```

im trying to center the first column:

```
                      <td>
                        <?php
                          echo($rowProperty['photosrc']);
                        ?>
                      </td>

```

i attempted: 

```
 <td style="margin: 0 auto;">

 <td style="margin-top: auto; margin-bottom: auto;">

```

also tried bootstrap classes:

```
 <td class="my-auto">

```

None of those centers the text. Would like some help on the correct working code.