CSS 문단과 문단 사이에 공간주기

페이지 정보

작성자 관리자 (183.♡.9.2) 조회 614회 작성일 23-07-14 14:26(글 수정: 2023년 07월 22일)

본문

코드에서는 .paragraph-space 클래스를 가진 div 요소를 사용하여 문단과 문단 사이에 공간을 주었습니다. 

.paragraph-space 클래스에 margin-bottom 속성을 설정하여 원하는 공간의 크기를 지정할 수 있습니다. 

문단 사이에 <div class="paragraph-space"></div>를 추가하여 공간을 생성하고, 그 안에 원하는 내용을 추가하면 됩니다. 

이를 통해 문단과 문단 사이에 일정한 간격을 만들 수 있습니다.

 

[code]

<style>

  .paragraph-space {

    margin-bottom: 20px;

  }

</style>


<div class="paragraph-space"></div>

<!-- 여기에 문단 1 -->

<div class="paragraph-space"></div>

<!-- 여기에 문단 2 -->

<div class="paragraph-space"></div>

[/code]




댓글목록

등록된 댓글이 없습니다.

사이트안내 | 서비스 이용약관 | 개인정보 처리방침 |
마이링크 | 후원안내 | FAQ | Admin
TOP