Blog/CSS

보통 글을 강조하거나 소스 코드를 나타낼 때 pre 태그를 쓴다. p 태그로 길게 쓴 글을 발행하면 PC 화면에서는 이상 없이 출력되는데 모바일 화면으로 보면 화면 밖으로 잘리는 현상이 있다. 손가락 터치로 옆으로 쓸면 글이 보이지만 그럴 필요 없이 자연스럽게 자동으로 줄바꿈 해주는 CSS 속성이 있다. 아래 코드를 블로그 관리 > 스킨 편집 > CSS에 쓰고 저장하기만 하면 간단하게 해결된다. paragraph { white-space: pre-wrap; }

실선 hr { border-top: 1px solid #bbb; } 이중선 hr { border-top: 3px double #bbb; } 점선 - 대쉬 hr { border-top: 1px dashed #bbb; } 점선 - 도트 hr { border-top: 1px dotted #bbb; } 점선 - 대쉬 (배경) hr { background-color: #fff; border-top: 2px dashed #bbb; } 점선 - 도트 (배경) hr { background-color: #fff; border-top: 2px dotted #bbb; } 실선 (입체) hr { border-top: 1px solid #bbb; border-bottom: 1px solid #fff; } 이중선 (입체) hr ..