설명
| 기본 가로줄 | 틀 사용 |
|---|---|
| 이 아래에 가로줄이 있습니다. 이 위에 가로줄이 있습니다. |
이 아래에 가로줄이 있습니다. |
<hr>이나 ---- 등으로 순수하게 삽입한 가로줄은 기본적인 텍스트 한 줄보다 상하 높이가 조금 더 깁니다. 따라서 이를 div로 묶은 후 여백을 조절하여 텍스트와 딱 맞는 가로줄로 만듭니다.
문법 자체는 복잡한 편이 아니기 때문에 따로 틀을 만들 필요성은 없어 보이지만, 인용문 등 틀 안에서 div 태그를 사용하면 내용이 제대로 표시되지 않는 현상이 있습니다. 이 틀은 틀 안에서 딱 맞는 가로줄을 사용하기 위해 만들어졌습니다.
기본적으로는 상하 margin을 10px씩 줄이지만, 브라우저나 환경에 따라 적정값은 달라질 수 있으므로 변수로 이를 조정할 수 있습니다. -와 px은 이미 입력되어 있으니 변수에는 줄이고자 하는 margin 값 숫자만 입력합니다. 예를 들어 {{가로줄|20}} 이렇게 입력하면 margin은 -20px이 됩니다.
