如何將排除的列表項與頁邊距對齊？

Question

有人請幫助我。我想將編號排除的HTML列表項目與其他編號的項目對齊。

像下面的列表結構。

1.List項目
2.List項目
跳過列表項

不是這個

1. 列表項
2. 列表ITEM2
   跳過列表項

.caption { 
 
    display: block; 
 
}

<ol> 
 
    <li>List item</li> 
 
    <li>List item</li> 
 
    <li class="caption">skipped List item</li> 
 
</ol>

Answer 1

您可以使用列表list-style-position: inside，然後你只是從特定列表項與list-style-type: none

ol { 
 
    list-style-position: inside; 
 
    padding-left: 0; 
 
} 
 

 
.caption { 
 
    list-style-type: none; 
 
}

<ol> 
 
    <li>Lorem ipsum dolor.</li> 
 
    <li>Lorem ipsum dolor.</li> 
 
    <li class="caption">skipped list item</li> 
 
</ol>