Css html样式在outlook mail中并排获得两个表?

Css html样式在outlook mail中并排获得两个表?,css,mailchimp,outlook-2007,Css,Mailchimp,Outlook 2007,我尝试了下面的代码。 代码1: 表1 表2 它工作得很好,但在一定高度后会引入分页符,这是我想要避免的, 代码2: 表1 表2 这在outlook邮件中不起作用,请任何人建议我如何使第二个代码在outlook中起作用?或者如何克服第一个代码中的分页符问题?根据您的内容和空间,您可以使用浮动或内联显示: <div style="width:650px"> <table style="display:inline-block;">table1</table

我尝试了下面的代码。 代码1:


表1
表2
它工作得很好,但在一定高度后会引入分页符,这是我想要避免的, 代码2:


表1
表2

这在outlook邮件中不起作用,请任何人建议我如何使第二个代码在outlook中起作用?或者如何克服第一个代码中的分页符问题?

根据您的内容和空间,您可以使用
浮动或内联
显示:

 <div style="width:650px">
  <table style="display:inline-block;">table1</table>
  <table style="float: left;">table2</table>
 </div>

表1
表2

align=“right”和float:left;样式不适用于outlook邮件,是否有任何可选选项?第二个示例实际上是不正确的HTML;这可能与此有关吗?
 <div style="width:650px">
    <table align="right" style="width:500px;">table1</table>
    <table align="left" style="width:125px;">table2</table>
    </div>
 <div style="width:650px">
  <table style="display:inline-block;">table1</table>
  <table style="float: left;">table2</table>
 </div>