문제현상
티스토리 북클럽스킨의 문단에 바깥 여백을 주는 방법입니다.
먼저, 이상현상은 아래 사진과 같습니다.
사진을 보시면, 애드센스 광고를 넣은 상태에서, 광고와 하단의 문단 사이가 너무 붙어있어, 가독성을 헤치는 것을 볼 수가 있습니다. 이럴 경우에 문단 태그인 <p> 태그에 margin 이라는 속성값을 주면 상하단에 여백을 줄 수가 있습니다.
해결방법
티스토리 스킨 설정의 CSS 수정으로 갑니다.
.entry-content p 라는 문장을 검색해서 찾습니다. 모두 2곳이 있는데요. 모바일화면과 PC화면을 각각 설정하는 속성이 되겠습니다. 두 군데를 모두 찾아서, margin-top 이라는 속성을 추가해줍니다.
margin 이라는 속성은 CSS 속성중 p라는 영역의 바깥쪽에 여백을 준다는 뜻입니다.
변경된 화면을 살펴보겠습니다.
광고와 아래의 문단 사이에 보기 좋게 여백이 추가된 것을 보실 수 있습니다.
이상입니다.~
