<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>
div { font-size: 0.75em; width:200px; float: left; margin-right: 60px; } .inside { list-style-position: inside ; } .outside { list-style-position: outside ; }