html - 如何在边框上添加数字？

对于每个包含数字的ol li元素，我应该如何进行border toli操作？
我读了一个包含问题列表的XML文件，并尝试在html上动态添加ol li。
HTML格式

<div class="faq_row_holder">
    <ol class="faq_row"></ol>
</div>

JS公司

for (var i = 0 ; i < size; i++) {
   var question = xml.find('row').eq(i).find('question').text();
   $('.faq_row').append(" <li class='quest' ><a class='faq_row_question'>"+ question + "</a></li> <br>");
}

最佳答案

您可以将list-style-position设置为inside。

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

li {
  border:1px solid
}

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