如何使用正确排列的缩进在HTML中复制<ol> <li>项目符号列表?

时间:2016-08-11 18:35:52

标签: html css google-sites

我需要一个HTML字母项目符号列表,它会经常使用。谷歌网站不支持此功能,我一直用它来工作......你能手动复制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>

2 个答案:

答案 0 :(得分:0)

m_a

有序列表已经支持各种方法来定义列表(数字,字母,罗马数字等)。这也可以使用CSS <ol type="a"> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> </ol>进行修改。

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

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

答案 1 :(得分:0)

由于Google协作平台有一些限制,我不确定您是使用HTML Box还是修改Google Page的HTML source,但您可以使用{{ 1}}使用以下语法:

&#13;
&#13;
HTML style attribute
&#13;
&#13;
&#13;