数字后的 HTML 列表文本缩进

标签 html css

如何增加有序列表中数字和文本之间的边距?

<ol>
  <li>text 1</li>
  <li>text 2</li>
  <li>text 3</li>
</ol>

产生

  1. 文本 1
  2. 文本 2
  3. 文本 3

我想要

  1. __ 文本 1
  2. __ 文本 2
  3. __ 文本 3

其中 __ 是任意缩进。

最佳答案

<ol>
<li><span class="indent">text 1</span></li>
<li><span class="indent">text 2</span></li>
<li><span class="indent">text 3</span></li>
</ol>
<style="text/css">
ol li .indent{padding-left:20px;}
</style>

关于数字后的 HTML 列表文本缩进,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15958435/

相关文章:

javascript - 更改图像和标题

html - 使用 CSS 进行横向打印

html - 我可以排除元素被 -webkit-mask-image 屏蔽吗?

html - 为什么我应该在 display none 之后使用 justify-content :space-between?

php - wordpress 拆分 <li> 以形成 3 列

css - Material UI 中输入行的边框过渡

javascript - CSS 在屏幕调整大小时水平和垂直切换导航

javascript - jQuery 卡路里计算器条件

python - 静态 django 2 的 TemplateSyntaxError

html - CSS:我的溢出文本不会使用边框半径打破我的圆形组件中的线