html - 如何在 HTML 中复制缩进正确排列的 <ol><li> 元素符号列表?

标签 html css google-sites

我需要一个 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>

最佳答案

由于 Google 协作平台有一些限制,我不确定您是否使用 HTML Box或编辑 HTML source的 Google 页面,但您可以通过以下语法使用 HTML 样式属性:

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

关于html - 如何在 HTML 中复制缩进正确排列的 <ol><li> 元素符号列表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38903816/

相关文章:

css - jumbotron 上的不透明度

python - 如何使用 google sites python API 更新附件内容?

javascript - 如何只滚动 iframe 而不是它的父级?

html - 使用 UI Binder 时 CSS 选择器未解析

html - 在响应式设计中并排维护 div

javascript - dialog.showSaveDialog 不返回任何内容

javascript - 使用 jquery 'this' 方法

javascript - 从 XDK 中的侧面菜单切换到另一个 View 后返回同一 View 时,网格在 View 中消失

html - Google 站点,html 框,0+0 错误消息

html - 在 Google 站点上显示所有 Google Drive 文件的列表