In MFC in CDHtmlDialog,how to vertically and horizontally center align img inside div?

Hi

I am using windows 10 and VS2019. In MFC in CDHtmlDialog, how to vertically and horizontally center align img inside div?

CDHtmlDialog isnot supporting display:flex and display:table-cell.

My HTML

<TABLE WIDTH="100%" cellspacing=0 cellpadding=0 >

    <tr>
    <td>
      <div class="parent">
        <img class="im" src="https://d30y9cdsu7xlg0.cloudfront.net/png/255751-200.png" />
     <img class="im" src="https://d30y9cdsu7xlg0.cloudfront.net/png/255751-200.png" />
    </div>
</td>
</td>
<table>

My CSS style

.parent {
     display:inline;
     vertical-align:middle;
     height:100px;
     background: red;
     width:300px;
    }

    .im {
      height: 50px;
    }