두 섹션 사이에 간격을 주는 방법으로 2가지를 생각해 봅니다. 아래 코드에서 .spacer 클래스를 통해 두 섹션 사이에 40px의 여백을 설정했습니다. h2 태그에도 상단 간격을 추가하여 보다 깔끔한 레이아웃을 만들 수 있습니다. margin 값을 조정하면서 원하는 간격을 설정할 수 있습니다.
두 섹션 사이에 간격 .space 마진 주기
아래 코드 예를 보면 마진을 적당히 둬 두 섹션 사이의 간격을 조절 할 수 있습니다.
<style>
.spacer {
margin-bottom: 40px; /* 두 섹션 사이의 간격 조절 */
}
</style>
<!-- 두 섹션 사이의 간격을 위한 CSS 적용 -->
<div class="spacer"></div>
타이트 태그(h1, h2)에 마진 주기
문단에 글을 작성 중 타이틀 태그가 너무 위와 문장과 붙어 있다면 아래와 같이 타이틀 태그에 적당한 마진을 주면 된다.
<style>
h2 {
margin-top: 40px; /* 제목과 상단 콘텐츠 간격 */
}
</style>
문장을 작성하다가 특정 단어나 짧은 문장을 강조할 때, 형광펜 효과를 나타내고 싶다며 여기를 참고하세요.
위 글은 블로그의 ‘web‘ 카테고리로 분류되었으며, 관련된 글을 더 많이 참고할 수 있습니다.
Short URL: https://knowentrepreneurs.com/no8l