I need your help coders - anyone can suggest fixes in Outlook to render display block inline?

I have 3 tables in 1 main table all align center - in other email clients it renders as 1 row, but outlook display it 1 column. I don't want to use align left for all tables - because tables display depends on the number of items in users cart / waitlisted items list.

screenshots:

Gmail http://media.sailthru.com/3gn/1jz/5/4/55481ff067954.png
Thunderbird http://media.sailthru.com/3gn/1jz/5/4/55481fe397a83.png
Outlook http://media.sailthru.com/3gn/1jz/5/4/55481ffdb9b0f.png

Here is the code:

<table width="720" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" style="padding-top:12px; padding-bottom:12px">


    <table width="200" border="0" align="center" cellpadding="5" cellspacing="0" style="display:inline-block; margin:0; border-collapse:collapse">
    <tr>
    <td align="center"><a href="#"><img class="itemlist" src="http://placehold.it/180x180" alt="" border="0"></a></td>
    </tr>
    <tr>
    <td bgcolor="#707070" align="center">
        <table align="center" width="98%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top" align="center" style="font-family: 'Avenir Next LT Regular', Helvetica, Arial; color: #ffffff; font-size:12px; line-height:18px; padding-top:5px; padding-bottom:5px; text-transform:capitalize"><a href="#" style="text-decoration:none; color:#ffffff">Product title</a></td>
        </tr>
        </table></td>
    </tr>
    </table>



    <table width="200" border="0" align="center" cellpadding="5" cellspacing="0" style="display:inline-block; margin:0">
    <tr>
    <td align="center"><a href="#"><img class="itemlist" src="http://placehold.it/180x180" alt="" border="0"></a></td>
    </tr>
    <tr>
    <td bgcolor="#707070" align="center">
        <table align="center" width="98%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top" align="center" style="font-family: 'Avenir Next LT Regular', Helvetica, Arial; color: #ffffff; font-size:12px; line-height:18px; padding-top:5px; padding-bottom:5px; text-transform:capitalize"><a href="#" style="text-decoration:none; color:#ffffff">Product title</a><a href="#" style="text-decoration:none; color:#ffffff"></a></td>
        </tr>
        </table></td>
    </tr>
    </table>



    <table width="200" border="0" align="center" cellpadding="5" cellspacing="0" style="display:inline-block; margin:0">
    <tr>
    <td align="center"><a href="#"><img class="itemlist" src="http://placehold.it/180x180" alt="" border="0"></a></td>
    </tr>
    <tr>
    <td bgcolor="#707070" align="center">
        <table align="center" width="98%" border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td valign="top" align="center" style="font-family: 'Avenir Next LT Regular', Helvetica, Arial; color: #ffffff; font-size:12px; line-height:18px; padding-top:5px; padding-bottom:5px; text-transform:capitalize"><a href="#" style="text-decoration:none; color:#ffffff">Product title</a><a href="#" style="text-decoration:none; color:#ffffff"></a></td>
        </tr>
        </table></td>
    </tr>
    </table>



    </td>
</tr>
</table>