'HTML tags not showing where they should be

I'm writing an html email and for some reason when I display it onto the browser, the inspector tool shows that the HTML is written differently than I how I wrote it. How I wrote the html:

   <td align="center">
                    <table class="container" width="600" cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                            <tr>
                                <td>
                                    <table class="download" width="100%" cellspacing="0" cellpadding="0" border="0">
                                    </table>
                                   <table class="anatomy">
                                   </table>
                                   <table class="bytes" style="direction:1tr;" width="100%" cellpadding="0" cellspacing="0">
                                   </table>
                                   <table class="netflix" style="margin-bottom: 50px" width="100%" cellspacing="0" cellpadding="0">
                                   </table>
                                   <table class="month" width="100%" cellspacing="0" cellpadding="0">
                                   </table>
                                </td>
                             </tr>
                         </tbody>
                   </table>                                 
   </td>

And the second one is how it looks on browser tools

<td align="center">
                    <table class="container" width="600" cellspacing="0" cellpadding="0" border="0">
                        <tbody>
                            <tr>
                                <td>
                                    <table class="download" width="100%" cellspacing="0" cellpadding="0" border="0">
                                    </table>
                                   <table class="anatomy">
                                   </table>
                                   <table style="direction:ltr;" width="100%" cellspacing="0" cellpadding="0">               
                                   </table>
                                </td>
                             </tr>
                         </tbody>
                   </table>
                   <table class="bytes" style="direction:1tr;" width="100%" cellpadding="0" cellspacing="0">
                   </table>
                   <table class="netflix" style="margin-bottom: 50px" width="100%" cellspacing="0" cellpadding="0">
                   </table>
                   <table class="month" width="100%" cellspacing="0" cellpadding="0">
                   </table>
</td>      

How do I fix this?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source