二级行文本流入数字列<ol>有序列表</ol>

Question

我正在使用订单列表来显示一些信息。我通过对齐左边的列表来覆盖我的网站的默认中心对齐，这是有效的。但我不希望文本的辅助行流入数字区域。

如何防止这种情况发生？

Answer 1

请你发一个jsfiddle，虽然下面的css应该有帮助

ol {
    list-style-position: outside;
}

以下是Codepen的链接，显示了此操作

http://codepen.io/anon/pen/AgzDq

Answer 2

我建议扩大包含文字的区域，这样就不必额外增加一条线。或者只是减小文字大小。