티스토리 북클럽 스킨을 적용하면 아무것도 수정하지 않은 상태에서는 아래처럼 목록에 left-margin, text-indent가 붙어있습니다. 왜 이렇게 만들었는지 모르겠지만 이게 기본 세팅입니다. 그리고 사진에는 없지만 margin-bottom도 기본으로 붙어있습니다. 티스토리 앱이나 미리보기에서는 안 보이던게 PC나 모바일 웹에서는 이상하게 보입니다.
그래서 오늘 이놈들을 수정했습니다. F12를 눌러 개발자 도구를 연 다음 불편한 부분을 찍어보면
".entry-content ul li"라는 선택자가 문제의 원흉임을 알 수 있습니다.
이제 원인을 찾았으니 스킨 편집 - HTML 편집 - CSS로 가서 이것들을 주석처리하고 적용해줍니다. 사진에는 안했는데 margin-bottom도 지워줍니다.
이제 깔끔하게 잘 보입니다.
