JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>inside </p>    
<ol class="inside">
    <li>이곳의 내용들은 W3C의 Cascading Style Sheets Level 2 Revision 1 Specification의 내용을 기본으로 하고 있습니다. </li>
    <li>이해를 높이기 위한 이미지들을 계속해서 업데이트 할 예정입니다.</li>
    <li>CSS 동영상 강의는 생활코딩의 css수업에서 보실 수 있습니다.</li>
</ol>    
</div>    

<div>
<p>outside </p>
<ol class="outside">
    <li>이곳의 내용들은 W3C의 Cascading Style Sheets Level 2 Revision 1 Specification의 내용을 기본으로 하고 있습니다. </li>
    <li>이해를 높이기 위한 이미지들을 계속해서 업데이트 할 예정입니다.</li>
    <li>CSS 동영상 강의는 생활코딩의 css수업에서 보실 수 있습니다.</li>
</ol>    
</div>

CSS

div {
    font-size: 0.75em;
    width:200px;
    float: left;
    margin-right: 60px;
}
.inside {
    list-style-position: inside ;
}
.outside {
    list-style-position: outside ;
}