.ex1 {
list-style-position: outside;
}
.ex2 {
list-style-position: inside;
}
<!DOCTYPE html>
<html lang="ko">
<head></head>
<body>
<h2>list-style-position: outside: (기본값)</h2>
<ul class="ex1">
<li>Coffee - 커피 콩 볶은 것으로 만든 양조 음료로 커피 나무 열매의 씨앗</li>
<li>Tea - 아시아 원산의 상록수 관목인 동백(관목)의 치료한 잎 위에 보통 뜨거운 물이나 끓는 물을 부어 만든 아로마 음료</li>
<li>Coca Cola - 코카 콜라 회사에서 만든 탄산 음료 이 음료의 이름은 콜라 나무 열매와 코카 잎으로 이루어진 두가지 원래 재료를 가리킵니다.</li>
</ul>
<h2>list-style-position: inside:</h2>
<ul class="ex2">
<li>Coffee - 커피 콩 볶은 것으로 만든 양조 음료로 커피 나무 열매의 씨앗</li>
<li>Tea - 아시아 원산의 상록수 관목인 동백(관목)의 치료한 잎 위에 보통 뜨거운 물이나 끓는 물을 부어 만든 아로마 음료</li>
<li>Coca Cola - 코카 콜라 회사에서 만든 탄산 음료 이 음료의 이름은 콜라 나무 열매와 코카 잎으로 이루어진 두가지 원래 재료를 가리킵니다.</li>
</ul>
</body>
</html>