인라인 요소 (inline element)

하나의 태그가 브라우저에서 실제로 코딩된 그 영역만 차지하여 좌우로 다른 태그가 나란히 위치할 수 있는 요소들, 행 안의 일부분, 텍스트레벨요소

종류

<span>, <a>, <br>, <em>, <strong>, <input>, <label>, <img>

블럭 요소(block element)

하나의 태그가 브라우저에서 좌우공간을 다 차지하면서 독립적인 덩어리 공간을 가지는 요소들

<div>,<table>,<h1>~<h6>,<p>,<form>,<ul>,<ol>,<li>,<dl>,<dt>``<dd>,<blockquote>등

특징 및 주의점

1. 블럭요소는 내부에 블럭요소와 인라인 요소를 포함할 수 있다. 인라인 요소는 내부에 블럭 요소를 포함할 수 없다.
2. 블럭요소들 중에서도 인라인 요소만 포함할 수 있는 것들이 있다 .

Inline-block 요소

Inline과 같이 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치되지만 Block 엘리먼트처럼 width, height 및 margin, padding 속성의 상하 간격 지정이 가능하다.

즉, 내부적으로는 Block엘리먼트 규칙을 따르면서 외부적으로는 Inline 엘리먼트 규칙을 따르게 된다.

태그{
	display : inline-block;
    }