ol li在chrome浏览器中列入两列

Question

我试图在Chrome浏览器的两栏中展示ol li。但得到下面提到的结果，请看图片。

我的代码：

 #answerlistli  {

        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;

    }

       <ol  id="answerlistli" style="font-size: 20px; font-weight: bolder;">

                    <li id="td1"></li>
                    <li id="td2"></li>
                    <li id="td3"></li>
                    <li id="td4"></li>
                    <li id="td5"></li>
                    <li id="td6"></li>
                    <li id="td7"></li>
                    <li id="td8"></li>
                    <li id="td9"></li>
                    <li id="td10"></li>
                    <li id="td11"></li>
                    <li id="td12"></li>
                    <li id="td13"></li>
                    <li id="td14"></li>
                    <li id="td15"></li>
                    <li id="td16"></li>
                    <li id="td17"></li>
                    <li id="td18"></li>
                    <li id="td19"></li>
                    <li id="td20"></li>
                    <li id="td21"></li>
                    <li id="td22"></li>
                    <li id="td23"></li>
                    <li id="td24"></li>
                    <li id="td25"></li>
                    <li id="td26"></li>
                    <li id="td27"></li>
                    <li id="td28"></li>
                    <li id="td29"></li>
                    <li id="td30"></li>
                    <li id="td31"></li>
                    <li id="td32"></li>
                    <li id="td33"></li>

                </ol>

但在第二列中，数字似乎没有出现在chrome中。但是在mozilla中它可以工作。

chrome中的图片：

Answer 1

＆＃34;魔法＆＃34;在list-style-position左右，它应该在里面：

＆＃13;

＆＃13;

#answerlistli  {
  list-style-position: inside;

  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

＆＃13;

<ol  id="answerlistli" style="font-size: 20px; font-weight: bolder;">
    <li id="td1"></li>
    <li id="td2"></li>
    <li id="td3"></li>
    <li id="td4"></li>
    <li id="td5"></li>
    <li id="td6"></li>
    <li id="td7"></li>
    <li id="td8"></li>
    <li id="td9"></li>
    <li id="td10"></li>
    <li id="td11"></li>
    <li id="td12"></li>
    <li id="td13"></li>
    <li id="td14"></li>
    <li id="td15"></li>
    <li id="td16"></li>
    <li id="td17"></li>
    <li id="td18"></li>
    <li id="td19"></li>
    <li id="td20"></li>
    <li id="td21"></li>
    <li id="td22"></li>
    <li id="td23"></li>
    <li id="td24"></li>
    <li id="td25"></li>
    <li id="td26"></li>
    <li id="td27"></li>
    <li id="td28"></li>
    <li id="td29"></li>
    <li id="td30"></li>
    <li id="td31"></li>
    <li id="td32"></li>
    <li id="td33"></li>
</ol>

＆＃13;

＆＃13;

＆＃13;