我想在有序列表和文本的数量之间添加空格
例如：
1. Hello. 2. Test.
“1”之间的空格并且“Hello”需要增加.
注意：我正在使用以下风格,因为我不想要.从最左边开始
ol
{
word-break: break-all;
}
li
{
list-style-position: inside;
padding: 0;
}
我想要完全像下面的图像,我能够获得除列表和文本编号之间的空间(在图像中标记)
解决方法
请注意,您的代码中有.li而不是li
ol {
word-break: break-all;
margin: 0;
padding: 0;
}
ol ol {
margin-left: 2em;
}
li {
list-style-position: inside;
padding: 0;
}
li::before {
content: "";
width: 20px;
display: inline-block;
}
<ol>
<li>Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello.
Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello.</li>
<li>Test.</li>
<ol>
<li>Hello.Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello. Hello.</li>
<li>Test.</li>
</ol>
</ol>
