如何将有序列表项 table 与数字对齐？

Question

我有一个 table 的有序列表，其中包含 1 行和 2 列，使用下面的代码。

我正在尝试让 table 段落的第一行与类似于普通列表项的数字对齐。由于某种原因，它没有对齐，数字显示在底部。

我怎样才能 1. 将 table 行段落与第一项类似的数字对齐，以及 2. 将“56 次引用”段落与 table 中的另一个 td 对齐。

谢谢！

<ol>
  <li>
    <p>This is what a normal item</p>
    <p>looks</p>
    <p>like</p>
  </li>
  <li>
    <table>
      <tr>
        <td>
          <p>This is what a table item</p>
          <p>looks</p>
          <p>like</p>
        </td>
        <td>
          <p>56 Citations</p>
        </td>
      </tr>
      </table>
  </li>
</ol>

Answer 1

在td元素中使用vertical-align: baseline，像这样：

td {
  vertical-align: baseline;
}

<ol>
  <li>
    <p>This is what a normal item</p>
    <p>looks</p>
    <p>like</p>
  </li>
  <li>
    <table>
      <tr>
        <td>
          <p>This is what a table item</p>
          <p>looks</p>
          <p>like</p>
        </td>
        <td>
          <p>56 Citations</p>
        </td>
      </tr>
    </table>
  </li>
</ol>

如何将有序列表项 table 与数字对齐？

How to align ordered list item table to number?

html

css

html-table

html-lists