[CSS] Block 요소와 Inline 요소

✔ Block 요소와 Inline 요소

 

✔ Block

    - 대표 태그 : <p>

    - y축(세로)으로 정렬

    - 줄바꿈 현상이 나타남

    - width & height 값 사용 가능 => 공간 만들기 가능 (해당 요소의 크기/차지하는 공간 => 글씨 크기가 아님!)

    - margin & padding 값 사용 가능 => 상하 배치 작업 가능 (줄간격 조절 기능과 비슷함)

    

✔ Inline

    - 대표 태그 : <a>

    - x축(가로)으로 정렬

    - 줄바꿈 현상x => 특정 공간 차지x

    - width & height, margin & padding 값에 영향을 받지 않음