html - 两张桌子并排 - 一张桌子向右对齐

Question

我试图在我的网站上并排显示 2 个表（它实际上是一个包含两个子表的表）。我使用了以下模板：（在http://www.bignosebird.com/docs/h50.shtml中找到）

<TABLE BORDER="1" WIDTH="500">
  <TR>
   <TD WIDTH=250>
    <TABLE BORDER="1" WIDTH="250">
     <TR>
      <TD>
       This is in our first table!
      </TD>
     </TR>
    </TABLE>
   </TD>
   <TD WIDTH="250">
    <TABLE BORDER="1">
     <TR>
      <TD WIDTH="250">
       And this is in the second table!
      </TD>
     </TR>
    </TABLE>
   </TD>
  </TR>
</TABLE>

问题是，我想将第二个表格对齐到屏幕的右侧。我试过了：

<table border="1" align="right">

但它不起作用。有任何想法吗？谢谢！

Answer 1

您不应该使用表格来对齐事物。

您可以摆脱父表并像这样编写它：

<TABLE BORDER="1" WIDTH="250" style="float:left;">
 <TR>
  <TD>
   This is in our first table!
  </TD>
 </TR>
</TABLE>

<TABLE BORDER="1" style="float:right;">
 <TR>
  <TD WIDTH="250">
   And this is in the second table!
  </TD>
 </TR>
</TABLE>

或者：这应该更好。使用 divs 这是我们的第一个表！

<div style="float:right;">
   And this is in the second table!
</div>