I am facing an issue with a table in which data is displayed using SQL and PHP. The problem arises because the second column contains a picture (column named "thumbsrc"), causing the text in the first column (column named "photosrc") to not center itself and remain at the top.
https://i.sstatic.net/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>
I have attempted to center the text in the first column:
<td style="margin: 0 auto;">
<?php
echo($rowProperty['photosrc']);
?>
</td>
I tried the following:
<td style="margin-top: auto; margin-bottom: auto;">
<td class="my-auto">
However, none of these solutions successfully centered the text. I would appreciate assistance in finding the correct code to achieve proper alignment.