html - 如何使表格与 p 标签内联

Question

我被困在一个地方，我需要用 p 标签 制作一个内联表，但我做不到。我想对我的 HTML 样式进行极简更改。以下是我尝试过的

<p>ABCD</p>
<table style = display: inline;>
   <tbody>
      <tr>
         <td>State&nbsp;</td>
         <td>Capital&nbsp;</td>
         <td>Zip&nbsp;</td>
      </tr>
      <tr>
         <td>New Yrk&nbsp;</td>
         <td>Alba ny&nbsp;</td>
         <td>13210&nbsp;</td>
      </tr>
   </tbody>
</table>

链接:https://jsfiddle.net/h5bbs0oy/

Answer 1

你有几个问题:

1. 如果您没有将它们括在引号内，则属性内不能有空格。
2. 你需要制作 <p>内联也是如此。

解决方案

<p style="display: inline;">ABCD</p>
<table style="display: inline;">

片段

<p style="display: inline;">ABCD</p>
<table style="display: inline;">
  <tbody>
    <tr>
      <td>State&nbsp;</td>
      <td>Capital&nbsp;</td>
      <td>Zip&nbsp;</td>
    </tr>
    <tr>
      <td>New Yrk&nbsp;</td>
      <td>Alba ny&nbsp;</td>
      <td>13210&nbsp;</td>
    </tr>
  </tbody>
</table>

预览