How to move bullet points in css?

부딪친 문제

 li tag를 사용하여 Bullet이 적용되었는데, 왼쪽으로 치우져져 있었다.

 

이를 해결하려 css에서 li tag에 padding값을 주었으나, 결과는 Bullet들은 그대로 있고 글만 패딩값이 적용되었다.

li {
  padding-left: 20px;
}

불행한 CSS.. 들어가... 옆으로 같이 들어가란 말이야..

 

 

해결방법

모든 li tag에 list-style-position Property를 inside로 지정해주었다.

행복하다.

 

아래는 검색했던 링크.

https://stackoverflow.com/questions/49906604/how-to-move-bullet-points-in-css