在使用OL的时候，经常会有两种排版方式，也就是采用inside和outside实现这两种排版方式，下面就是这两种排版方式的详细介绍。最后希望您在转载时一定要标明出处，请尊重我的劳动成果，在此，我对所有关注渝石网络的朋友表示衷心的感谢。
如你有其他需求或对网站有什么建议的话，可以随时联系渝石网络站长，站长将及时地给予回答。由于最近我遇到好几个想白要的人，开口就是叫我把资料发给他，然而我只是问了下他的工作经历，他也不想说，我连他的详细情况都不知道，我为什么发给他。所以希望大家在寻找资料之前，也应该注意详细阅读《
渝石网络网站必读》一文。
最后，再次申明，本站资料一直以来都是实行共享，但是大家要注意，共享并不是免费，而是大家互相交流、交换，并不是免费索取，另外，很多资料是我花钱买来的，凭什么白送，想要就自己淘去。
一、第一种样式采用下面的代码
ol{
width: 750px;
/* margin-left: 50px; */
list-style-type: decimal;
/* list-style-position: outside; */
list-style-position: inside;
}
ol li{
font-size: 16px;
line-height: 28px;
text-indent: 2em;
padding-left: 10px;
border: 1px solid red;
}
二、第二种样式采用下面的代码
ol{
width: 750px;
margin-left: 50px;
list-style-type: decimal;
list-style-position: outside;
}
ol li{
font-size: 16px;
line-height: 28px;
//调节数字和文字之间的距离
padding-left: 10px;
border: 1px solid red;
}
2026年8月16日
黄建春
2026/8/16
918