如何將有序列表項表與數字對齊？

Question

我有一個使用下面的代碼包含 1 行和 2 列的表的有序列表。

我試圖讓表格段落的第一行與類似於普通列表項的數字對齊。 由於某種原因，它沒有對齊，並且數字顯示在底部。

我該如何 1. 將表格行段落與第一項類似的數字對齊 2. 將“56 引文”段落與表格中的另一個 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>