Looking to format my table row with the image on the left middle and three paragraphs in the center. The image should align with the text, but currently it is not aligned due to its positioning between "Nom" and "Type."
<div class="my-container">
<div class="constrained">
<table class="table table-condensed table-hover" infinite-scroll="loadMore()" infinite-scroll-container="'.constrained'">
<tbody>
<tr ng-repeat="item in list | limitTo: packetIndex + packetSize" ng-click="preview(item[0])" ng-class="{active: item[0].selected}">
<td>
<p class="file-name" title="Click to preview file"></p>
<i class="fa fa-cloud-download-alt dl-file" style="margin-right:5px" title="Download file" ng-if="item.file === 1"></i>
<p style="text-align: center">Name: <strong>{{ item[0].name }}</strong></p>
<p><img ng-src="{{urlConstruc(item[0].kid)}}" alt=" "><p style="text-align: center">Type: <strong>{{ class[item[0].isa].name }}</strong></p>
<p style="text-align: center">Date: <strong>{{ item[0].date | date: 'dd/MM/yyyy' }}</strong></p>
</td>
</tr>
</tbody>
</table>
</div>