Hi, I am having trouble with a displaying a table in Outlook 2007 - 2016 for Windows (looks fine for Mac)

It should be centered, but Outlook is displaying it aligned to the left, and pretty much all the formatting is wrong.

Not sure how to paste images on to here, but my code is below.. if you just paste it straight into a text editor it will show it in the browswer.

If someone could advise on what I need to add to make Outlook happy, that would be much appreciated


<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Untitled</title>
  </head>
  <body>

                                                      <table height="100px" width="550px" cellspacing="20px "style=" font-style:normal; font-family:Arial, Helvetica, sans-serif; color:#000; font-size: 10.53pt; background-color: #e6e6e6; margin:auto;">

                                                     <tr>
                                                        <td colspan="4">
                                                            <table style="width:100%;">
                                                                <tr height="30px">
                                                                    <td width="50px" style="text-align: center;">Login:</td>
                                                                    <td width="200px" style="text-align: center; background-color: #fff; color: #7e7e7e;">###</td>
                                                                    <td width="75px" style="text-align: center;">Password:</td>
                                                                    <td width="200px" style="text-align: center; background-color: #fff; color: #7e7e7e;">###</td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>

                                                    <tr>
                                                        <td colspan="4">
                                                            <table style="width:100%;">
                                                                <tr height="30px">
                                                                    <td></td>
                                                                    <td bgcolor="#9f1b32" style="width:200px; text-align: center; color: #fff; text-decoration:none;font-weight: bold; font-size:12px;line-height:30px;text-align:center;text-decoration:none;width:180px;-webkit-text-size-adjust:none;mso-hide:all;">RENEW NOW ></td>
                                                                    <td></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>

                                                </table>

  </body>
</html>