如何在 HTML 中复制 <ol><li> 项目符号列表，缩进正确排列？

Question

我需要一个 HTML 按字母顺序排列的项目符号列表，它会被频繁使用。这是 Google 网站不支持的功能，我一直使用这些网站工作...您可以手动复制 HTML 项目符号列表吗？

到目前为止，我的缩进不匹配，因为我使用的是固定边距，并且字母字符都具有独特的像素尺寸：

<div style="display:inline">
<b style="text-align:left">Enter your list title here</b>
<span style="display:block;margin-left:40px"> 
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">a.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">b.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">c.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">d.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">e.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">f.</b>Enter your list description here</p>
<p style="font-size:0.85em;font-weight:normal"><b style="margin-right:1em">g.</b>Enter your list description here</p>
</span>
</div>

Answer 1

<ol type="a">
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
</ol>

有序列表已经支持各种定义列表的方法（数字、字母、罗马数字等）。这也可以使用 CSS list-style-type.

修改

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/ol

https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type

Answer 2

由于 Google 站点有一些限制，我不确定您是否使用 Google 页面的 HTML Box or editing the HTML source，但您可以使用 HTML style attribute 语法如下：

<ol style="list-style-type:lower-alpha">
  <li>item1</li>
  <li>item2</li>
  <li>item3</li>
  <li>item4</li>
</ol>

如何在 HTML 中复制 <ol><li> 项目符号列表，缩进正确排列？

How can I replicate a <ol><li> bullet list in HTML with indents that line up correctly?

html

css

google-sites