HTML左对齐和右对齐不起作用

我想把图像放在左边，另一个放在右边，但它不起作用。左侧的图像位于顶部，右侧的图像位于底部

这是我的密码

<tr>
<td valign="top" bgcolor="#f5f2e5" class="promos" style="padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif;">
    <table  class="headline_1" width="333" align="left">
        <tr>
            <!--HOSTED IMAGE-->
            <td bgcolor="#fff" style="background-image: url('http://ml.nextoptionregistration.com/responsive/nextoption-mailer-01/01_02.png'); background-repeat:no-repeat;" background="http://ml.nextoptionregistration.com/responsive/nextoption-mailer-01/01_02.png" width="333px" height="204" valign="top">
            <!--[if gte mso 9]>
            <v:rect style="width:333px;" strokecolor="none">
            <v:fill type="tile" color="#fff" src="http://ml.nextoptionregistration.com/responsive/nextoption-mailer-01/01_02.png" /></v:fill>
            </v:rect>
            <v:shape id="text1" style="position:absolute;width:333px;">
            <![endif]-->
                <p style="font-size:21px;font-family:arial, Helvetian;font-weight:bold;color:#e98106;padding:120px 0px 0px 90px; margin:0px 0px 0px 0px;">
                <a href="https://www.nextoption.com/registration" name="read_more" xtlinkname="read_more" xt="SPCLICK" target="_blank" style="color:#e98106;text-decoration:underline;">
                    Click Here To Start >>
                </a>
                </p>
            <!--[if gte mso 9]>
            </v:shape>
            <![endif]-->
            </td>
    </tr>
    </table>
    <table  class="headline_2" width="365" align="right">
        <tr>
            <td>
                <img alt="" src="01_03.png"/>
            </td>
        </tr>
    </table>
</td>

---

您应该尝试float:left和float:right。 并尝试使用css属性来增加代码的丰富性

---

在html5中，align可能根本不起作用。

align属性影响表的内容，而不是表本身

也考虑不要使用表，表不应该真正用于布局。使用divs和css在第一项上添加左浮动

如果您想保留表格，则需要并列的项目应位于同一行的单独单元格中。

您是否尝试过

float:left

和

float:right

我会从一开始就避免使用内联样式…是的，我支持不使用内联样式的想法，我看到的另一件事是，您正在表格单元格中使用表格，您正在使用的其他元素的填充和边距将增加或减少导致此对齐问题的宽度！