들여쓰기 내어쓰기, 행간과 자간

🔶 <blockquote>

: 인용구문을 넣을 때 쓰는 태그
: 기본적으로 들여쓰기를 한 것으로 그려짐
: 들여쓰기를 조절하려면 margin값 이용.

• 사용예제

    <blockquote>
      HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language, 문화어:
      초본문표식달기언어, 하이퍼본문표식달기언어)라는 의미의 웹 페이지를 위한
      지배적인 마크업 언어다.
    </blockquote>

🔶 들여쓰기 하는 방법

1. text-indent

: 양수로 하면 "들여쓰기" , 음수로 하면 "내어쓰기" 지정 가능

.js-description {
  text-indent: 50px;
}

2. entity code 사용

  - 스페이스를 의미

🔶 line-height(행간), letter-spacing(자간)

• line-height : 글자 "줄 사이"의 간격 설정 (행간)
  -폰트 사이즈보다 크기가 작으면, 글자가 겹치게 됨.

• letter-spacing : "한글자"" 한글자 사이의 간격 설정.(자간)

🔆line-height를 이용한 중앙정렬

• "한 줄의 글"을 아래위 중간으로 맞출때 이 속성으로 사용 가능

• 행간의 높이를 해당 글자를 감싸고 있는 박스 높이와 동일한 사이즈로 사용하면 됨.
  (글자 위,아래의 간격이 동일하게 지정되므로, 중앙정렬 된 것 처럼 보이는 것임.)

• 코드 사용예제
  : p요소의 행 높이를 div요소의 높이와 같게 하여, p요소의 위아래 간격을 동일하게 하여 중앙정렬 함.
  

  /*css*/
  div {
         width: 100px;
         height: 100px;
         background-color: tomato;  }
       
  p {
         text-align: center; /* 가로 중양정렬 */
         line-height: 100px; /* 세로 중앙정렬 */    }
  /*html*/
  <div>
     <p>12</p>
  </div>