html 有序列表ol 左边如何做到所有设备对齐？

Question

如上图，代码结构如下

<ol class="habit_rule" >
            <li>每天打卡时间2小时内打卡为连续天数</li>
            <li>21天内中断继续完成剩余天数，也算完成一个活动周期，但不算完成一个连续周期。</li>
            <li>参加活动即有机会赢取自拍神器、手机话费等好礼！</li>
        </ol>

如何吧左边序号包含在区域内？
最兼容的做法是什么？

Answer 1

list-style-position:inside有兼容问题吗？