Question

我在html中有这个表格，我希望这个格式的描述“C2B Payments”与图像所示的表格在同一行，在同一行的左边，而不是在桌子。但是，我无法想办法做到这一点请任何人带领我。谢谢

<p class="align left"> C2B Payments</p>
<table border="0" align="center"; margin: 0 auto;">
  <thead>
    <tr>       
      <th>Date</th>
      <th>Total Received</th>
      <td>Failed</td>
    </tr>
  </thead>
  <tbody>

CSS

  .alignleft {
      float: left;
       }

Answer 1

此?: https://jsfiddle.net/d8bpy3gk/

    <p style="float:left; width:20%"> C2B Payments</p>
<table style="border:0; align:center; margin: 0 auto;float:left; width:80%">
  <thead>
    <tr>       
      <th>Date</th>
      <th>Total Received</th>
      <th>Failed</th>
    </tr>
  </thead>
  <tbody>
     <tr>       
      <th>10/10/10</th>
      <th>$ 200,00</th>
      <th>Failed</th>
    </tr>
  </tbody>

  </table>

Answer 2

添加两个部门

使用float：left;
with display：inline-block; vertical-align：top;

并将段落放在左侧，将表格放在右侧

如何在同一行上对齐HTML表和说明文本

2 个答案: