html - 删除有序列表 中元素的缩进

Question

我正在尝试更改有序列表中表格元素的左侧位置。我想要实现的是表格跨越整个宽度。似乎正在发生的事情是，无论我尝试什么，表格总是以与 <li> 相同的缩进定位。它位于或相邻的元素。

例如:

<ol>
        <li>
            <p>
                Something.
            </p>           
        </li>
        <li>
            <p>
                Something else, with an image this time.
                <figure.left>
                    <img src="SomeImage.png" style="max-width: 100%;width: 428px;height: auto;" />
                </figure.left>
            </p>
        </li>
        <table style="border-top-style:solid; border-top-width:1px; border-top-color:#d3d3d3; border-bottom-style:solid; border-bottom-width:1px; border-bottom-color:#d3d3d3; position:fixed; left:0px;" cellspacing="0">
             <col style="width: 48pt;" />
             <col style="width: 396pt;" />
             <tr>
                 <td>                         
                    <img src="TableImage.png" style="width:42px; height:auto;" />                           
                 </td>
                 <td>
                     <p>A paragraph in the table.</p>
                     <p>A second paragraph in the table.</p>
                 </td>
             </tr>
         </table>
         <li>Last thing.</li>
    </ol>

所以我想要的是横跨页面宽度的表格(事实上，我正在输出到 PDF)。我试过:

style="position:fixed;left:0px;"

...这没用。

关于如何使表格元素忽略缩进有什么想法吗？

Answer 1

ol { padding: 0 }

应该可以解决问题。默认 ol 样式有填充。